資訊專欄INFORMATION COLUMN
摘要：什么元素有默認(rèn)行為呢如鏈接點(diǎn)我，提交按鈕等的只會(huì)阻止默認(rèn)行為，而則既阻止默認(rèn)行為又防止對(duì)象冒泡阻止瀏覽器默認(rèn)行為兼容
e的兼容
function fn(e){
var event = e || window.event;
}
FireFox里的Event跟IE里的不同，IE里的是全局變量，隨時(shí)可用。FireFox里的要用參數(shù)引導(dǎo)才能用，是運(yùn)行時(shí)的臨時(shí)變量
在IE/Opera中是window.event，在FireFox中是event。而事件的對(duì)象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中兩者都可用
W3C的方法是e.stopPropagation()，IE則是使用e.cancelBubble = true
stopPropagation是事件對(duì)象Event的一個(gè)方法，作用是阻止目標(biāo)元素的冒泡事件，但是不會(huì)阻止默認(rèn)行為
什么是冒泡事件？如在一個(gè)按鈕是綁定一個(gè)click事件，那么click事件會(huì)依次在它的父級(jí)元素中被觸發(fā)，stopPropagation就是阻止目標(biāo)元素的事件冒泡到父級(jí)元素
了解更多請(qǐng)點(diǎn)這:理解DOM中的事件流
阻止事件冒泡兼容:
function stopPropagation(e) {
var e = e || window.event;
if ( e && e.stopPropagation ){
e.stopPropagation();
}else{
e.cancelBubble = true;
}
}
阻止瀏覽器默認(rèn)行為
W3C的方法是e.preventDefault()，IE則是使用e.returnValue = false
preventDefault是事件對(duì)象Event的一個(gè)方法，作用是取消一個(gè)目標(biāo)元素的默認(rèn)行為。如果元素沒有默認(rèn)行為，調(diào)用無(wú)效。什么元素有默認(rèn)行為呢？如鏈接點(diǎn)我，提交按鈕等
return false:
JS的return false只會(huì)阻止默認(rèn)行為，而jQuery則既阻止默認(rèn)行為又防止對(duì)象冒泡
阻止瀏覽器默認(rèn)行為兼容：
function stopDefault(e) {
var e = e || window.event;
if (e && e.preventDefault){
e.preventDefault();
}else{
e.returnValue = false;
}
return false;
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91225.html
摘要：事件階段事件分為三個(gè)階段事件捕獲事件目標(biāo)事件冒泡事件捕獲和冒泡事件捕獲事件發(fā)生時(shí)首先發(fā)生在上，然后依次傳遞給最后到達(dá)目的節(jié)點(diǎn)即事件目標(biāo)。 事件階段 事件分為三個(gè)階段： 事件捕獲 --> 事件目標(biāo) --> 事件冒泡 事件捕獲和冒泡 事件捕獲：事件發(fā)生時(shí)（onclick,onmouseover……）首先發(fā)生在document上，然后依次傳遞給body、……最后到達(dá)目的節(jié)點(diǎn)（即事件...
摘要：事件綁定方式一用綁定事件方式二用進(jìn)行事件偵聽，也能起到綁定事件的作用。第一個(gè)參數(shù)事件名第二個(gè)參數(shù)解綁的函數(shù)名如果是匿名函數(shù)，無(wú)法解綁。一般使用有名函數(shù)傳參。 1.事件綁定 方式一：用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...
摘要：事件綁定方式一用綁定事件方式二用進(jìn)行事件偵聽，也能起到綁定事件的作用。第一個(gè)參數(shù)事件名第二個(gè)參數(shù)解綁的函數(shù)名如果是匿名函數(shù)，無(wú)法解綁。一般使用有名函數(shù)傳參。 1.事件綁定 方式一：用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...
摘要：事件綁定方式一用綁定事件方式二用進(jìn)行事件偵聽，也能起到綁定事件的作用。第一個(gè)參數(shù)事件名第二個(gè)參數(shù)解綁的函數(shù)名如果是匿名函數(shù)，無(wú)法解綁。一般使用有名函數(shù)傳參。 1.事件綁定 方式一：用on綁定事件 #box{ width:100px; height:100px; background-color:red; } ...
摘要：事件冒泡與事件捕獲事件冒泡和事件捕獲分別由微軟和網(wǎng)景公司提出，這兩個(gè)概念都是為了解決頁(yè)面中事件流事件發(fā)生順序的問題。如下假設(shè)三層都有事件監(jiān)聽，這時(shí)我們點(diǎn)擊的小的藍(lán)方框，事件執(zhí)行的順序是怎么樣的呢紅黃藍(lán)事件冒泡微軟提出了名為事件冒泡的事件流。 事件冒泡與事件捕獲 事件冒泡和事件捕獲分別由微軟和網(wǎng)景公司提出，這兩個(gè)概念都是為了解決頁(yè)面中事件流（事件發(fā)生順序）的問題。 如下：假設(shè)三層div都...
閱讀 3240·2021-11-24 09:39
閱讀 3179·2021-10-21 09:38
閱讀 2406·2019-08-29 15:28
閱讀 3748·2019-08-26 12:23
閱讀 2623·2019-08-26 12:19
閱讀 1368·2019-08-23 12:44
閱讀 2134·2019-08-23 12:02
閱讀 1006·2019-08-22 17:05
