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