jQuery学習メモ jQuery events_jquery

1. イベント バインディング

1. イベント バインディング関数
イベントのバインディング関数は次の形式です:
.bind(type [,data] , fn)
type: click.... などの型
data: パラメータ
fn: イベントによって実行される関数

例

2.
1. マウスホバーイベント .hover(enter,leave)
enter: マウスカーソルがオブジェクトに移動したときにトリガーされる関数
leave: マウスカーソルがオブジェクトの外に移動したときにトリガーされる関数

例:

2. 連続クリックイベント
.toggle(fn1,fn2) ....,fnN)
fn: クリックすると初めて fn1 が実行され、2 回目では fn2 が実行され、以下同様に実行されます


3. イベントバブリング
イベントは常に内側のレイヤーから実行され、引き続き最外側のレイヤーに移動します。そのオブジェクトをクリックしないと、このオブジェクトを含むオブジェクトにバインドされているすべてのイベントが 1 回実行されます。これは望ましくないことです。 jQuery はイベントの実行を防ぐためのメソッドをいくつか定義しています
1. イベント オブジェクトの取得イベント オブジェクトを取得するメソッドは、イベント実行関数
$(#id1) にパラメーターを追加することです。 click(function(even){});//even は取得したイベント Object
2. イベントのバブリングを防ぐ
イベント実行関数にこのようなコードを追加して、イベントのバブリングを防ぐことができます
even.stopPropagation( );
3. デフォルト イベント
の参照を防止する ブラウザのデフォルト イベントとは、ボタンをクリックした後に送信すること、リンクをクリックした後にリンクを開くことなどを指します。jQuery は、これらのデフォルト イベント even.preventDefault();


4. イベント オブジェクトの属性を取得します

even.type();//イベントのタイプを取得します。:
$(#id1).click(function(even){ alert(even .type);
return false;
});//「クリック」を返します

Even.target();//イベントをトリガーしたオブジェクトを取得します

even.while (); 1=左、2=中央、3=右のマウスクリックを取得します


5. イベント

.unbind(type [,data]);
例:


$(#id1).bind("click",fn1=function(){alert( "イベント 1");}) .bind(type [,data],fn).bind(type [,data],fn) ...... ;
.bind(type type.... [,data], fn) ; 2. イベント名前空間を追加します
.bind(type.namespace [,data] ,fn) ; 使用する場合は、$(#id1) のように名前空間を指定するだけです。 .unbind(".namespace")