javascript阻止事件冒泡
我要分享
有些情況下,事件冒泡是人為設定的,但是大多數情況下,冒泡需要禁止!
1)IE核心瀏覽器下:
window.event.cancelBubble = true;
2)W3C核心瀏覽器下:
dom物件.事件 = function(event) {
event.stopPropagation;
}
示例程式碼:
① 建立一個public.js檔案作為Javascript核心庫
② 建立一個函式,stopBubble阻止事件冒泡
③ 判斷瀏覽器型別
最後,如果有想一起學習web前端,HTML5及JavaScript的可以來一下我的前端群733581373,好友都會在裡面交流,分享一些學習的方法和需要注意的小細節,每天也會準時的講一些前端的炫酷特效,及前端直播課程學習
如果想看到更加系統的文章和學習方法經驗可以關注的微訊號:‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊
相關推薦
javascript阻止事件冒泡和瀏覽器的默認行為
pre stop key else can put 事件冒泡 prop top 1.阻止事件冒泡,使成為捕獲型事件觸發機制. 1 function stopBubble(e) { 2 //如果提供了事件對象,則這是一個非IE瀏覽器 3 if ( e &&
javascript阻止事件冒泡
我要分享 有些情況下,事件冒泡是人為設定的,但是大多數情況下,冒泡需要禁止! 1)IE核心瀏覽器下: window.event.cancelBubble = true; 2)W3C核心瀏覽器下: dom物件.事件 = function(event) { eve
javascript-阻止事件冒泡和事件預設行為
1.事件冒泡 (1-1)冒泡是什麼? 事件冒泡就像熱水沸騰時產生汽泡往上升的情形一樣(往上傳遞的過程),事件冒泡出現的情況:假設一個html結構中兩個標籤存在父子層級關係,父盒子和子盒子都繫結一個相
前端學習代碼實例-JavaScript阻止事件冒泡
ext onload tex ont web前端 ntb 編程 ava alert 任何現象都可能是雙刃劍,有時候利用事件冒泡能夠帶來便利性,但是有時候也會帶來不便。 下面通過帶來實例介紹一下如何阻止事件冒泡。 代碼實例如下: ] <!DOCTYPE html>
javascript如何阻止事件冒泡和默認行為
demo log 執行順序 ng- 16px capital win 秘密 mir 阻止冒泡: 冒泡簡單的舉例來說,兒子知道了一個秘密消息,它告訴了爸爸,爸爸知道了又告訴了爺爺,一級級傳遞從而以引起事件的混亂,而阻止冒泡就是不讓兒子告訴爸爸,爸爸自然不會告訴爺爺。下面的
阻止事件冒泡
itl opp elf prop logs script rand col 事件冒泡 <!doctype html> <html> <head> <title></title> <meta
JQuery中阻止事件冒泡方式及其區別
use urn query class span 事件冒泡 事件 clas nbsp 方式一:event.stopPropagation(); 1 $("#div1").mousedown(function(event){ 2 event.stopPropa
阻止事件冒泡傳播,點擊包含點擊
cti 包含 opp oca ppr || cat window tin function stopBubbling(e) { e = window.event || e; if (e.stopPropagatio
js阻止事件冒泡的兩種方法
type print mil opp name sel code read lib 一、冒泡事件簡介 當我們點擊一個控件的時候,如果包括這個控件的父控件也有click事件,則會繼續執行。 方法一:event.stopPropagation( ); 例如: <div
阻止事件冒泡和事件默認行為
pre function 防止 處理 true 停止 jquery 事件 val 阻止事件冒泡(兼容IE8) function stopHandler(event){ window.event?window.event.cancelBubble=true:even
jq+mui 阻止事件冒泡
ble span link cti sca con styles body blog 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF
阻止事件冒泡和默認到事件對象在不同瀏覽器中的傳遞
內部 eth default pre 興趣 class UNC div alert 今天群裏有一個同學發了一個問題,問題起因是他定義了一個drag函數,然後函數內部使用了e進行組織默認實踐,結果在360瀏覽器正常運行但是火狐卻報錯,e不存在,第一時間有點懵,組織冒泡和組織默
阻止事件冒泡,取消瀏覽器默認行文
需要 return listener list eve 默認值 listen t對象 turn * 阻止事件冒泡的方法 * 1、on添加的事件 * 在函數中將event對象身上的cancelBubble的值設為true * 他有一個默認值為fa
阻止事件冒泡以及stopPropagation(),preventDefault()和return false;的區別
efault 阻止事件冒泡 gif prev app opp lib body back e.preventDefault()是阻止默認事件的方法; e.stopPropagation()是阻止事件冒泡; return false;是既阻止事件冒泡又阻止默認事件; 以下是個
阻止事件冒泡,阻止默認事件
opp eight inter class AD 也會 rap str -m 今天來看看前端的冒泡和事件默認事件如何處理 1.event.stopPropagation()方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是默認事件任然會執行,當你掉用這個
阻止事件冒泡,阻止默認事件,event.stopPropagation()和event.preventDefault(),return false的區別
attr htm pre 點擊 操作 連接 com spa ati 1.event.stopPropagation()方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是默認事件任然會執行,當你掉用這個方法的時候,如果點擊一個連接,這個連接仍然會被打開, 2.
js事件冒泡和阻止事件冒泡
1,什麼是事件冒泡 有層級關係的一連串的盒子都添加了事件,觸發子盒子的事件是,該子盒子的父級及以上的元素的事件也會被觸發; 如下面的程式碼,當我們點選子盒子dv3時,父盒子dv2,dv1的點選事件也會被觸發,這就是事件冒泡 <head> <meta charse
事件冒泡的概念及阻止事件冒泡-相容性寫法
36事件冒泡和捕獲-相容性寫法 一、什麼是事件冒泡 一條魚往上吐泡泡,這個泡泡就是事件,一直往上冒的過程中去把它經過的所有元素,只要這個元素身上有相同事件,就會去執行該元素的該事件,沒有相同事件就不會去執行 二、冒泡特點 1、冒泡看的是程式碼層級,從裡往外冒泡 2、擁有相同型別事件的元素
阻止事件冒泡及預設行為
為使點選當前元素,只執行當前所點選元素的特定操作,可以使用阻止冒泡或者阻止預設行為。 1、阻止預設行為。preventDefault() <!DOCTYPE html> <html lang="en"> &l
JQuery阻止事件冒泡
冒泡事件就是點選子節點,會向上觸發父節點,祖先節點的點選事件。 我們在平時的開發過程中,肯定會遇到在一個div(這個div可以是元素)包裹一個div的情況,但是呢,在這兩個div上都添加了事件,如果點選裡面的div我們希望處理這個div的事件,但是呢,我們不希望外層的div的事件也執行,這時候我