jQuery学習メモ jQuery events_jquery

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

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

例

コードをコピー コードは次のとおりです:

$(function(){
$(#id1).click(function( ){
$ (#id2).show(); //id2 は
})
});

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

例:

コードをコピー コードは次のとおりです:

$( function(){
$(#id1).hover(function(){
$(#id2).show();//id2 は
}, function(){
$( #id2).hide();//id2 を非表示にします
})

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]);
例:

コードをコピーします コードは次のとおりです。 $(function() {

$(#id1).bind("click",fn1=function(){alert( "イベント 1");})

.bind("click",fn2=function() {alert("イベント 2");}); function(){alert("イベント 3");});

$("#id2").click(function(){
$(#id1)。 unbind("click",fn2);//fn2 のクリックイベントを削除
});



6. その他の操作

1.

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