阻止事件冒泡 和 阻止事件預設行為

2022-06-28 14:42:08 字數 873 閱讀 8653

1.event.stoppropagation()方法 這是阻止事件的冒泡方法,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個連線,這個連線仍然會被開啟,

2.event.preventdefault()方法 這是阻止預設事件的方法,呼叫此方法是,連線不會被開啟,但是會發生冒泡,冒泡會傳遞到上一層的父元素;

3.return false  ; 這個方法比較暴力,他會同事阻止事件冒泡也會阻止預設事件;寫上此**,連線不會被開啟,事件也不會傳遞到上一層的父元素;可以理解為return false就等於同時呼叫了event.stoppropagation()和event.preventdefault()

css**,a標籤佔父元素的空間的1/4,背景顏色為紅色; .box1 .box1 a 下面來看js**,

第一種  //不阻止事件冒泡和預設事件 $(".box1").click(function());

第二種 //阻止冒泡 $(".box1 a").click(function(event)); $(".box1").click(function());

第三種 $(".box1 a").click(function(event)); $(".box1").click(function());

第四種 $(".box1").click(function()); //阻止冒泡 $(".box1 a").click(function(event))

第五種 $(".box1").click(function()); $(".box1 a").click(function(event){ return false; //頁面不會跳轉,也不會列印出1,等於同時呼叫了event.stoppropagation()和event.preventdefault()

阻止事件冒泡和預設行為

在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次的最頂層,即do...

阻止事件冒泡行為與事件預設行為

js 不支援相容性 阻止事件冒泡行為 什麼是冒泡事件?如 在乙個按鈕是繫結乙個 click 事件,那麼 click 事件會依次在它的父級元素中被觸發 stoppropagation就是阻止目標元素的事件冒泡到父級元素。function stopbubble e 阻止事件預設行 作用是取消乙個目標元素...

事件流解析,阻止冒泡和預設行為

事件流描述的是從頁面接收事件的順序,分為三種 1事件冒泡流 ie的事件流為冒泡流,即從最具體的元素向上傳播到最不具體的節點,所有現代瀏覽器都支援冒泡流。2事件捕獲流 netscape的事件流為捕獲流,和冒泡流相反,老版本不支援,慎用。3dom2級事件流 dom事件流包括三個階段,事件捕獲階段 處於目...