クロスブラウザー イベント オブジェクトの概要_JavaScript スキル

var eventsUtil = {
getEvent : function(event) ){
イベントを返す : window.event>}; PreventDefault : function (event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
stopPropagation : function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true; >};
};


IE では、イベント変数が単に渡されて返されるため、window.event が返されます。したがって、イベントの戻り値は、DOM 上でも IE 上でも、eventUtil.getEvent() メソッドを使用して利用できます。
2 番目のメソッドである getTarge() メソッドと同様に、まずイベント オブジェクトのターゲット属性を検出し、存在する場合はそれを返します。IE ブラウザーの場合は、srcElement 属性を返します。互換性が保証されています。




コードをコピー

link.onclick = function(event){
event = EventUtil.getEvent(event); ;
};


このコードは、リンク タグのデフォルトの動作を防止します。イベント オブジェクトは、EventUtil の getEvent メソッドの戻り値から取得され、preventDefault の受信パラメーターとして使用されます。 （） 方法。

alert("Clicked ");
eventUtil.getEvent(event);
document.body.onclick = function(event); {
alert(" Body clicked");
};