イベントの扱い方
イベント関連最後？早いな。最後は動的にプログラミングする場合、かなり使う頻度が多そうな 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イベントを登録しても…
次は、イベントが発生した要素自身を取得したい場合。 例えばアレだ。DBのテーブルに登録したレコードを編集するような「一覧画面」と「詳細画面」の関係。 一覧画面であるレコードをclickしたらその情報を詳細画面に表示するというイベント。 各レコードご…
buttonみたいなタグは既に登録されているイベントつーもんはない。 んが、aタグのように、hrefが設定されると自動的にclickイベントが登録されるような要素の場合、自前でclickイベントを登録するとどのように振る舞うかをメモ。 自前イベント処理の最後に「…
さて、イベントですよ、イベント。 これがなくっちゃ最近のGUIアプリなんて作れませんよ。じゃ、さっそく基本から。 $(セレクター).イベント(function(){ $(セレクター).命令 }); これだけ。 jQueryだとイベントの登録はこれで大丈夫なんだろうか？ 確かjava…
