事件取消和阻止
W3C標準 event.stopPropagation();但不支援ie9以下版本
IE獨有event.cancelBubble = true;
封裝 stopBubble(event);
function stopBulle(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancleBubble = true;
}
}
阻止預設事件:
預設事件 —— 表單提交, a標籤跳轉, 右鍵選單等
1.return false; 以物件屬性的方式註冊的事件才生效
2.event.preventDefault(); W3C標準,IE9以下不相容
3.event.returnValue = false; 相容IE
封裝 cancleHandler(event);
function cancleHandler(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}
相關推薦
事件取消和阻止
取消冒泡: W3C標準 event.stopPropagation();但不支援ie9以下版本 IE獨有event.cancelBubble = true;封裝 stopBubble(event);function stopBulle(event){ if(event
js事件冒泡和阻止事件冒泡
1,什麼是事件冒泡 有層級關係的一連串的盒子都添加了事件,觸發子盒子的事件是,該子盒子的父級及以上的元素的事件也會被觸發; 如下面的程式碼,當我們點選子盒子dv3時,父盒子dv2,dv1的點選事件也會被觸發,這就是事件冒泡 <head> <meta charse
關於js中return false、event.preventDefault()和event.stopPropagation()區別,以及阻止事件冒泡和阻止預設事件
在平時專案中,如果遇到需要阻止瀏覽器預設行為,大家經常會用return false;和event.preventDefault()來阻止,但對它倆的區別還是模糊,這裡順便帶上event.stopPropagation()一起區分下。 事件處理程式的返回值只對通過屬性註冊的處理程式才有意義,如果我
js /jquery停止事件冒泡和阻止瀏覽器預設事件
var el = window.document.getElementById("a"); el.onclick = function (e) { //如果提供了事件物件,則這是一個非IE瀏覽器 if (e && e.stopPropa
事件冒泡和阻止事件冒泡
相同 rip ack con script 冒泡 console func 觸發 定義:事件冒泡:多個元素嵌套,有層次關系,這些元素都註冊了相同的事件,如果裏面的元素的事件觸發了,外面的元素的該事件自動的觸發了. 例子: HTML代碼 <div id="dv1"&g
js事件冒泡和阻止瀏覽器預設行為的相容寫法
//阻止事件冒泡 相容w3c瀏覽器 function cBubble(e){ if(e.stopPropagation){ e.stopPropagation();//ie9+
停止事件冒泡和阻止瀏覽器預設行為
/*---------------阻止瀏覽器預設行為---------------*/ function stopDefault(e){ // 如果提供了事件物件,則這是一個非IE瀏覽器 if(e && e.preventDefault
取消冒泡和阻止預設事件
取消冒泡: W3C標準 event.stopPropagation();但不支援ie9以下版本 IE獨有 event.cancelBubble = true; 封裝阻止預設事件的函式 cancelHandler(event); function stopBubb
阻止事件冒泡和事件默認行為
pre function 防止 處理 true 停止 jquery 事件 val 阻止事件冒泡(兼容IE8) function stopHandler(event){ window.event?window.event.cancelBubble=true:even
javascript阻止事件冒泡和瀏覽器的默認行為
pre stop key else can put 事件冒泡 prop top 1.阻止事件冒泡,使成為捕獲型事件觸發機制. 1 function stopBubble(e) { 2 //如果提供了事件對象,則這是一個非IE瀏覽器 3 if ( e &&
javascript如何阻止事件冒泡和默認行為
demo log 執行順序 ng- 16px capital win 秘密 mir 阻止冒泡: 冒泡簡單的舉例來說,兒子知道了一個秘密消息,它告訴了爸爸,爸爸知道了又告訴了爺爺,一級級傳遞從而以引起事件的混亂,而阻止冒泡就是不讓兒子告訴爸爸,爸爸自然不會告訴爺爺。下面的
阻止事件冒泡和默認到事件對象在不同瀏覽器中的傳遞
內部 eth default pre 興趣 class UNC div alert 今天群裏有一個同學發了一個問題,問題起因是他定義了一個drag函數,然後函數內部使用了e進行組織默認實踐,結果在360瀏覽器正常運行但是火狐卻報錯,e不存在,第一時間有點懵,組織冒泡和組織默
阻止事件冒泡,阻止默認事件,event.stopPropagation()和event.preventDefault(),return false的區別
attr htm pre 點擊 操作 連接 com spa ati 1.event.stopPropagation()方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是默認事件任然會執行,當你掉用這個方法的時候,如果點擊一個連接,這個連接仍然會被打開, 2.
event.cancelBubble=true e.stopPropagation() 取消事件處理,阻止事件
<tr><a href="xxx">連線</a></tr> 如上結構,單擊tr的時候跳轉至另一頁 <tr style="cursor:pointer" onmouseover="this.style
如何阻止事件冒泡和預設事件
今天來看看前端的冒泡和事件預設事件如何處理1.event.stopPropagation()方法這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選一個連線,這個連線仍然會被開啟,2.event.preventDef
javascript-阻止事件冒泡和事件預設行為
1.事件冒泡 (1-1)冒泡是什麼? 事件冒泡就像熱水沸騰時產生汽泡往上升的情形一樣(往上傳遞的過程),事件冒泡出現的情況:假設一個html結構中兩個標籤存在父子層級關係,父盒子和子盒子都繫結一個相
js阻止取消冒泡和阻止預設行為(相容性寫法)
取消冒泡相容性寫法 function canclebubble(event){ var event = event||window.event; //相容火狐 if(
JavaScript事件的繫結與取消和事件監聽
很多情況下,比如我們想對一個文字框或者按鈕進行事件繫結的時候,一般直接在他上面寫上什麼onclic
s事件之event.preventDefault()與event.stopPropagation()的阻止預設事件和阻止事件冒泡的用法
event.preventDefault()用法介紹 該方法將通知 Web 瀏覽器不要執行與事件關聯的預設動作(如果存在這樣的動作)。例如,如果 type 屬性是 "submit",在事件傳播的任意階段可以呼叫任意的事件控制代碼,通過呼叫該方法,可以阻止提交表單。注意,如果 Event 物件的 cancel
jquery中取消和繫結hover事件的正確方式
在網頁設計中,我們經常使用jquery去響應滑鼠的hover事件,和mouseover和mouseout事件有相同的效果,但是這其中其中如何使用bind去繫結hover方法呢?如何用unbind取消繫結的事件呢? 一、如何繫結hover事件 先看以下程式碼,假設我們