2010-03-22から1日間の記事一覧
イベント関連最後？早いな。最後は動的にプログラミングする場合、かなり使う頻度が多そうな live()。Javascriptによって動的に生成されたタグに、既に定義してあるイベントが反映されるようにする。 サンプルでは上側枠線内に表示される文字列は１行目はク…
設定されているイベントを削除する。これもどういう時に使うべきなのかイメージがイマイチ。。 例によってサンプルを。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { $("#div1").click(function(){ var di…</head></html>
イベント発生時に一度だけ命令を実行する one()どういう時に使うべきなのかイメージが沸かない。 とりあえずサンプルだけでも。。初期表示状態ではyahooへのリンクとなっているが、 一回クリックするとGoogleへのリンクに変わる。 で、その後はクリックして…
mousemoveイベントについて。マウスカーソルが動いている時に発生するイベント。 大抵の場合、マウスカーソルの座標（但し、ブラウザの左上を[0, 0]とする）を取得するような場合に使われるらしい。 他のイベントと違って、引数とし手渡すfunctionに、引数を…
mouseover、mouseoutイベントについて。マウスカーソルががお目当ての要素の上にきた時、あるいは要素の外に出た時に発生するイベント。 <html> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.3.2");</script> <script type="text/javascript"> $(function() { $("div").mouseover(…</head></html>
toggleイベントについて。 今までのイベントは、引数に一つのfunctionを受け取っていたが、toggleは複数のfunctionを受け取れる感じ。 で、クリックする度に登録した順序のfunctionが実行されるらしい。 結構便利そうだな。（具体的な使い道はすぐ思いつかな…
mousedown、mouseupイベントについて。 mousedownはお目当ての要素の上でマウスの左ボタンを押した時のイベント。 mouseupはお目当ての要素の上でマウスの左ボタンを離した時のイベント。 クリックとは違うので注意。 以下のサンプルは、文字列の上でマウス…
ダブルクリックイベント お次はダブルクリックイベント。 記述の仕方はクリックと変わらん。イベントの扱い方その１（注意点）でも記載したが、 イベントを登録した対象となる要素に、既にclickイベントが登録されていた場合、 dblclickイベントを登録しても…
