イベントを呼び出す:
イベントオブジェクト
イベントオブジェクトとは何ですか?トリガーされたDOMのイベントは、イベントオブジェクトイベントを生成します。たとえば、マウスがクリックすると、クリックの種類と送信する必要がある要素が生成されます。
DOMイベントオブジェクトタイプ属性は、イベントオブジェクトを取得するために使用され、ターゲット属性はイベントターゲットを取得するために使用されます。StopPropagation()メソッドはイベントのバブルを防ぎます。 PreventDefaultのデフォルトの動作により、イベントがブロックされます。
IEのイベントオブジェクトタイプ属性はイベントオブジェクトを取得するために使用され、srcelement属性を使用してイベントターゲットcancelbubble属性を取得します。
イベントをブロックするreturnValueプロパティのデフォルトの動作は、ブロッキングを示すためにfalseに設定されています。
コードコピーは次のとおりです。
?
var eventhandle = {
//要素:要素、タイプ:イベントをクリックし、ハンドル:実装されたメソッド
//ハンドルを追加します
AddEventHandle:function(element、type、handler){
if(element.addeventlistener){
element.AddeventListener(Type、Handler、False); // --- False //バブルDom2レベルを表します
}
else if(element.attachevent){
element.attachevent( "on"+type、handler);
} それ以外 {
要素["on" + type] =ハンドラー;
}
}、
//ハンドルの削除イベント処理は機能しません
removeEventHandle:function(element、type、handler){
if(element.removeeventlistener){// dom2-レベルのイベント処理タイプをサポートonclick
Element.RemoveEventListener(タイプ、ハンドラー、False); // --- false //バブルを表します
}
else if(element.detachevent){
element.detachevent( "on"+type、handler); //サポートIE
} それ以外 {
要素["on" + type] = null; // dom0レベルイベントは従来のクリックイベントを処理する
}
}、
//ブラウザと互換性のあるすべてのオブジェクトを取得します
GetEvent:function(event){
戻りイベント?イベント:window.event; // IEブラウザの下位バージョンで必要なものはwindow.eventです
}、
//イベントタイプを移動するのはクリックまたはマウスですか
getType:function(event){
return event.type;
}、
//現在の要素を取得します
getElement:function(event){
return event.target || event.srcelement;
}、
//ブロックイベントのデフォルトの動作
:function(event){
if(event.preventdefault){
event.preventdefault();
}
それ以外 {
event.returnValue = false;
}
}、
//イベントの泡を停止します
StopPropagation:function(event){
if(event.stoppropagation){
event.stoppropagation();
}
それ以外 {
event.cancelbubble = true;
}
}
}