jQueryイベントオブジェクトは、拡張ブラウザでサポートできるプロパティです.


次は、拡張ブラウザでサポートできるjQueryイベントオブジェクトのプロパティです.
属性名の説明例
type
イベントの種類1つのイベント処理関数を使用して複数のイベントを処理する場合、clickなどのイベントタイプを取得できます.
$("a").click(function(event) {
            alert(event.type);
            });

target
イベントトリガーDOMオブジェクトの取得
$("a[href=http://google.com]").click(function(event) {
            alert(event.target.href);
            });

data
イベント呼び出し時に追加のパラメータが入力.
$("a").each(function(i) {
            $(this).bind('click', {index:i}, function(e){
            alert('my index is ' + e.data.index);
            });
            });

relatedTarget
マウスイベントの場合、イベントがトリガーされたときに離れたり入ったりするDOM要素を示します.
$("a").mouseout(function(event) {
            alert(event.relatedTarget);
            });

currentTarget
泡が立つ前の現在のトリガイベントのDOMオブジェクトは、thisに等しい.
$("p").click(function(event) {
            alert( event.currentTarget.nodeName );
            });

結果:P
pageX/Y
マウスイベントでは、ページの原点に対するイベントの水平/垂直座標が設定.
$("a").click(function(event) {
            alert("Current mouse position: " + event.pageX + ", " + event.pageY );
            });

result
前のイベント処理関数で返された値
$("p").click(function(event) {
            return "hey"
            });
            $("p").click(function(event) {
            alert( event.result );
            });

結果:「hey」
timeStamp
イベント発生時のタイムスタンプ
var last;
            $("p").click(function(event) {
            if( last )
            alert( "time since last event " + event.timeStamp - last );
            last = event.timeStamp;
            });

jQueryの公式ドキュメントで提供するeventオブジェクトのプロパティです.「jQuery実戦」という本では、次のマルチブラウザでサポートされているプロパティも提供されています.時間の関係では、各プロパティを試していません.すべてのブラウザで使用できるかどうかを確認することができます.
属性名は、例えるaltKeyAltキーが押下されたか否かを示す.戻りtrueを押すctrlKeyを押すか、戻りtrue metaKeyを押すか、戻りtrueを押す.metaキーとは、PC機器のCtrlキー、またはMac機器上のCommandキーshiftKey Shiftキーが押下するか否かである、戻りtrue keyCodeを押下してkeyupおよびkeydownイベントに対して押下するキーを返す.大文字と小文字を区別する、aもAも65を返す.keypressイベントではwhichプロパティを使用します.whichプロパティはブラウズ中も信頼できるためです.whichはキーボードイベントに対して、イベントをトリガするキーのデジタル符号化を返す.マウスイベントの場合は、マウスボタン番号(1左、2、3右)を返します.screenX/Yマウスイベントの場合、画面の原点に対するイベントの水平/垂直座標を取得します.
 
イベントオブジェクトは属性のほかにイベントも持つ.発泡stopPropagation()のキャンセルなど、必ず使うイベントがあります.次は、jQueryイベントオブジェクトの関数のリストです.
名前の説明例
preventDefault()
いかなる意味操作を引き起こす可能性のあるイベントをキャンセルする.例えば由于要素href链接的路线、福姆的科米特、click换成检查箱的状态。$("a").click(function(event){ event.preventDefault(); // do something }); 义齿click(function(event){ alert( event.isDefaultPrevented() ); event.preventDefault(); alert( event.isDefaultPrevented() ); }); stopPropagation() イベントバブルのキャンセル$("p").click(function(event){ event.stopPropagation(); // do something }); 义齿click(function(event){ alert( event.isPropagationStopped() ); event.stopPropagation(); alert( event.isPropagationStopped() ); }); stopImmediatePropagation()将举行其他活动处理关数的实行,并将活动巴布尔。如果同样的活动中多个活动处理关数被打工的话,在其中的1个活动处理关数中呼吁这个梅索德的话,其他活动处理关数就没有打开。$("p").click(function(event){ event.stopImmediatePropagation(); }); $("p").click(function(event){ // This function won't be executed }); I s I m m e diatePropagationStopped()是否叫出了?stopImmediatePropagation()方法$("p").click(function(event){ alert( event.isImmediatePropagationStopped() ); event.stopImmediatePropagation(); alert( event.isImmediatePropagationStopped() ); }); 这些相关数中stopPropagation()是我们最长使用的相关数,一定是用的相关数.相当于操作原活动动的活动。cancelBubble=true将泡泡泡放进去。