JS阻止事件冒泡以及瀏覽器預設行為

2021-09-17 18:23:46 字數 1285 閱讀 8164

e的相容

function fn(e)
firefox裡的eventie裡的不同,ie裡的是全域性變數,隨時可用。firefox裡的要用引數引導才能用,是執行時的臨時變數

ie/opera中是window.event,在firefox中是event。而事件的物件,在ie中是window.event.srcelement,在firefox中是event.targetopera中兩者都可用

阻止事件冒泡

w3c的方法是e.stoppropagation()ie則是使用e.cancelbubble = true

stoppropagation是事件物件event的乙個方法,作用是阻止目標元素的冒泡事件,但是不會阻止預設行為

阻止事件冒泡相容:

function stoppropagation(e) else

}

阻止瀏覽器預設行為

w3c的方法是e.preventdefault()ie則是使用e.returnvalue = false

preventdefault是事件物件event的乙個方法,作用是取消乙個目標元素的預設行為。如果元素沒有預設行為,呼叫無效。什麼元素有預設行為呢?如鏈結點我,提交按鈕

return false:

jsreturn false只會阻止預設行為,而jquery則既阻止預設行為又防止物件冒泡

阻止瀏覽器預設行為相容:

function stopdefault(e) else

return false;

}

瀏覽器事件捕獲冒泡以及阻止冒泡

瀏覽器事件捕獲冒泡以及阻止冒泡一 瀏覽器的dom事件流 dom事件流有三個階段,捕獲階段 目標階段 冒泡階段,不管是有沒有繫結事件,只要發生點選事件,事件的處理將從dom層次的根開始,而不是從觸發事件的目標元素開始,事件被從目標元素的所有祖先元素依次往下傳遞,直到目標元素然後再從目標元素冒泡到根元素...

JS停止事件冒泡 阻止瀏覽器預設行為

一 停止事件冒泡 如果提供了事件物件,則這是乙個非ie瀏覽器 if e e.stoppropagation 因此它支援w3c的stoppropagation 方法 e.stoppropagation else 否則,我們需要使用ie的方式來取消事件冒泡 window.event.cancelbubb...

五,事件物件 阻止瀏覽器預設動作 阻止事件冒泡

在jquery裡邊 bind click function evt click function evt bind mouseover f1 function f1 evt 事件物件 就使用紅色的evt即可,在jquery框架內部有做瀏覽器相容處理。阻止瀏覽器預設動作 阻止事件冒泡 dom2級瀏覽器...