b2. addeventlistener(
'click',
function())
b2.addeventlistener(
'click',
function())
a8.addeventlistener(
"click",
function(),
true)
a8.addeventlistener(
"click",
function(),
false)
body.
addeventlistener(
"click",
function(),
false)
body.
addeventlistener(
"click",
function(),
true)
parent.
addeventlistener(
"click",
function(),
true)
parent.
addeventlistener(
"click",
function(),
false)
1.button 元素的預設type=="submit"
eg:body.
addeventlistener(
"click",
function(
event),
true)
event.srcelement 指向事件觸發的元素 event.currenttarget 指向事件繫結的元素 this指向事件繫結的元素
引出事件委託
stoppropagation()阻止事件繼續捕獲或者冒泡,
stopimmediatepropagation 阻止事件繼續捕獲或者冒泡及該元素後面繫結的事件
body.
onclick=
function()
addbtn.
addeventlistener(
"click",
handler,
true);
addbtn.
addeventlistener(
"click",
function(),
true);
addbtn.
addeventlistener(
"click",
function(),
true);
addbtn.
addeventlistener(
"mouseout",
function(),
true);
addbtn.
addeventlistener(
"mouseenter",
handler,
true); }
varhandler=
function(
event) }
DOM元素的事件捕獲和冒泡
b 事件 當html頁面上發生乙個事件時,每個層次上的dom元素都有機會處理這個事件。以下面的html 為例 how are you 該頁面在瀏覽器上呈現的效果如下圖 html頁面呈現的效果 如果單擊了頁面中的a 錨 元素,那麼,和元素全都應該得到響應這次單擊的機會。因為這 3個元素同時都處於使用者...
JavaScript中事件冒泡與事件捕獲
如圖 現在有3個巢狀div,且都有onclick事件,當div 3被單擊時,依次觸發div 3 div 2 div 1的click事件。這就是事件冒泡 當乙個事件被觸發時,依次由最上層元素 div 3 向下遍歷並執行該元素及父元素相同事件的過程就是事件冒泡。當事件由最底層 div 1 向上遍歷並執行...
事件捕獲與事件冒泡
事件傳播模型 事件捕獲和事件冒泡兩個過程 即事件先到達根元素,再從根元素一層一層向下傳播到目標元素,然後再一層一層向上傳到根元素。one twothree four var one document.getelementbyid one var two document.getelementbyid...