jQueryイベントノート
3426 ワード
bind(eventType[,data],hanlder):eventTypeは、作成するプロセッサがイベントタイプを指定する名前を表します.スペースで区切られたリストを使用して、複数のイベントタイプを指定できます.データ(オブジェクト)呼び出し者が提供するデータは、プロセッサ関数で使用するためにEventインスタンスのdata属性に添付するために使用されます.オプションオブジェクトパラメータのみを入力することもできます.
one(eventType[,data],listener)
unbind(eventType[,listener]):listenerは関数参照であり、匿名のインライン参照として関数のみを指定すると、その後unbind()を呼び出すときにこの関数を参照することはできません.パラメータなしでは、jQueryオブジェクト内のすべての要素(すべてのイベントタイプ)のすべてのイベントハンドラがバインドされます.オプションオブジェクトパラメータのみを入力することもできます.
jQuery.Eventプロパティとメソッド:
ツールバーの
currentTarget
バブルフェーズの現在の要素.イベントプロセッサの関数コンテキストオブジェクトと同じオブジェクトです.
data
値がある場合は、プロセッサの作成時にbind()メソッドに2番目のパラメータとして渡されます.
pageX、pageY
マウスイベントの場合、イベントがトリガーされたときのページの原点に対するカーソルの水平、垂直座標を指定します.
screenX、screenY
マウスイベントの場合、イベントをトリガーするときのカーソルの画面原点に対する水平、垂直座標を指定します.
result
前のイベントプロセッサから返された最近のundefined以外の値
target
イベントをトリガーする要素を特定
type
すべてのイベントにトリガされるイベントタイプ(clickなど)を指定します.1つのイベントプロセッサを使用して複数のイベントを処理する場合に便利です.
方法
preventDefault()
フォームのコミット、リンクのリダイレクト、チェックボックスのステータスの変更など、デフォルトの意味アクションをブロックします.
stopPropagation()
停止イベントはDOMツリーに沿ってさらに伝播します.現在のターゲット要素に追加されたイベントは影響を受けません.ブラウザ定義のイベントだけでなく、カスタムイベントもサポートされます.
stopImmediatePropagation()
現在のターゲット要素に追加されたイベントを含む、すべてのイベントのさらなる伝播を停止します.
Live(eventType[,data],listener):指定したタイプのイベントが要素(パッケージセットを作成するために使用されるセレクタに一致する要素)上で発生すると、liveメソッドを呼び出すときにこれらの要素がすでに存在するかどうかにかかわらず、受信したリスナーがプロセッサとして呼び出されます.
呼び出されたパッケージセットがコンテキストを指定している場合は、live()を呼び出すときにすでに存在する必要があります.セレクタではなく、他のオブジェクトでライブ()を呼び出すことはできません.例えば:$('img').closest('div').live(...);
die(eventType,listener):live()によって作成された「live」イベントプロセッサを削除し、将来作成された要素にプロセッサを呼び出すことを阻止します.これらの要素はlive()を呼び出すときに使用されるセレクタに一致する要素です.
trigger(eventType[,data]):すべての一致する要素に入力されたイベントタイプとして作成されたプロセッサを呼び出し、イベントタイプの後に「!」を付けます.ネーミングスペースイベントのトリガを阻止できます.入力された文字列に複数のイベントタイプを指定することはできません.
triggerHandler(eventType[,data]):泡が立たず、意味動作が実行されず、「live」イベントもトリガーされません.
jQueryはまた、ほとんどのイベントタイプをトリガする便利な方法を提供します.例えばblur()、change()、click()、keyup()、submit()......
toggle()
hover(enterHanlder,leaveHandler):パラメータ関数を1つだけ指定すると、マウスの移動と移動が呼び出されます.
注意:プロセッサに複数のネーミングスペースを割り当てることができます.
コードクリップセット
しばらく
$('.whatever').bind(
click:function(event){},
mouseover:function(event){},
mouseleave:function(event){}
});
one(eventType[,data],listener)
unbind(eventType[,listener]):listenerは関数参照であり、匿名のインライン参照として関数のみを指定すると、その後unbind()を呼び出すときにこの関数を参照することはできません.パラメータなしでは、jQueryオブジェクト内のすべての要素(すべてのイベントタイプ)のすべてのイベントハンドラがバインドされます.オプションオブジェクトパラメータのみを入力することもできます.
//
$('sel').unbind('.fred');
$('a').unbind('mouseover mouseout');
$('a').unbind({
mouseover:mouseoverHandler,
mouseout:mouseoutHandler
});
jQuery.Eventプロパティとメソッド:
ツールバーの
currentTarget
バブルフェーズの現在の要素.イベントプロセッサの関数コンテキストオブジェクトと同じオブジェクトです.
data
値がある場合は、プロセッサの作成時にbind()メソッドに2番目のパラメータとして渡されます.
pageX、pageY
マウスイベントの場合、イベントがトリガーされたときのページの原点に対するカーソルの水平、垂直座標を指定します.
screenX、screenY
マウスイベントの場合、イベントをトリガーするときのカーソルの画面原点に対する水平、垂直座標を指定します.
result
前のイベントプロセッサから返された最近のundefined以外の値
target
イベントをトリガーする要素を特定
type
すべてのイベントにトリガされるイベントタイプ(clickなど)を指定します.1つのイベントプロセッサを使用して複数のイベントを処理する場合に便利です.
方法
preventDefault()
フォームのコミット、リンクのリダイレクト、チェックボックスのステータスの変更など、デフォルトの意味アクションをブロックします.
stopPropagation()
停止イベントはDOMツリーに沿ってさらに伝播します.現在のターゲット要素に追加されたイベントは影響を受けません.ブラウザ定義のイベントだけでなく、カスタムイベントもサポートされます.
stopImmediatePropagation()
現在のターゲット要素に追加されたイベントを含む、すべてのイベントのさらなる伝播を停止します.
Live(eventType[,data],listener):指定したタイプのイベントが要素(パッケージセットを作成するために使用されるセレクタに一致する要素)上で発生すると、liveメソッドを呼び出すときにこれらの要素がすでに存在するかどうかにかかわらず、受信したリスナーがプロセッサとして呼び出されます.
呼び出されたパッケージセットがコンテキストを指定している場合は、live()を呼び出すときにすでに存在する必要があります.セレクタではなく、他のオブジェクトでライブ()を呼び出すことはできません.例えば:$('img').closest('div').live(...);
die(eventType,listener):live()によって作成された「live」イベントプロセッサを削除し、将来作成された要素にプロセッサを呼び出すことを阻止します.これらの要素はlive()を呼び出すときに使用されるセレクタに一致する要素です.
trigger(eventType[,data]):すべての一致する要素に入力されたイベントタイプとして作成されたプロセッサを呼び出し、イベントタイプの後に「!」を付けます.ネーミングスペースイベントのトリガを阻止できます.入力された文字列に複数のイベントタイプを指定することはできません.
//button1 button2
$('#button1').click(function(e){$('#button2').trigger(e);});
// ,
$('#button1').trigger({type:'click',synthetic:true});
//
$('#button1').click(function(e){if(e.synthetic){...};});
// ,
$('#button1').trigger('click',true); //
$('#button1').trigger('click',[x,y,z]); //
triggerHandler(eventType[,data]):泡が立たず、意味動作が実行されず、「live」イベントもトリガーされません.
jQueryはまた、ほとんどのイベントタイプをトリガする便利な方法を提供します.例えばblur()、change()、click()、keyup()、submit()......
toggle()
hover(enterHanlder,leaveHandler):パラメータ関数を1つだけ指定すると、マウスの移動と移動が呼び出されます.
注意:プロセッサに複数のネーミングスペースを割り当てることができます.
// “myMod” “yourMod” mouseout f
$('a').bind('mouseout.myMod.yourMod',f);
コードクリップセット
しばらく