JS阻止事件冒泡和默認行爲

1、首先對事件冒泡和默認行爲以及要用到的事件對象event有個認識

  • 對事件冒泡的理解是當觸發一個子元素的事件時,同時它的父元素的事件也會依次被觸發。即事件從最低層元素依次向最外層元素觸發
  • 默認事件(行爲)指的是有些元素自身會有一些行爲會自行被觸發。例如< a>鏈接,提交按鈕< input type = ‘submit’/>
  • event代表事件的狀態。例如觸發event對象的元素、鼠標的位置及狀態,按下的鍵等等
  • event只在事件發生的過程中才有效
  • 不同的瀏覽器用到event時會有所不同:例如IE裏面是全局變量,即window.event;而火狐firefox裏面是臨時變量,需要用參數引導纔可以用

2、阻止事件冒泡:
w3c方法是e.stopPropation()
IE中方法是window.event.cancelBubble = true

使用如下:
在這裏插入圖片描述
3、阻止事件默認行爲:
w3c方法是e.preventDefault
IE中方法是window.event.returnValue = false

用法如下:
在這裏插入圖片描述
4、return false方法組織事件冒泡和默認行爲
javaScript的return只會阻止默認行爲,而jQuery的return false兩者都會阻止
寫法如下:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章