iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 29
0
自我挑戰組

CSS、JS-30天研究筆記系列 第 30

【day30】JQ關於事件2

一.事件物件

  • Type屬性:獲取這個事件的事件類型名稱,
  • target屬性:獲取綁定事件的 DOM 元素
  • data屬性:獲取事件調用時的額外資料
  • relatedTarget屬性:獲取移入移出目標點離開或進入的DOM 元素
  • currentTarget屬性:獲取冒泡前觸發的 DOM 元素
  • pageX/pageY屬性:獲取相對于頁面原點的水準/垂直座標
  • screenX/screenY屬性:獲取顯示器螢幕位置的水準/垂直座標
  • clientX/clientY屬性:獲取相對於頁面視口的水準/垂直座標

二.冒泡和默認行為

  • 如果在頁面中重疊了多個元素,並且重疊的這些元素都綁定了同一個事件,那麼就會出 現冒泡問題。
  • preventDefault()方法:取消某個元素的預設行為
  • isDefaultPrevented()方法:判斷是否調用了 preventDefault()方法
  • stopPropagation()方法:取消事件冒泡
  • isPropagationStopped()方法:判斷是否調用了 stopPropagation()方法
  • stopImmediatePropagation()方法:取消事件冒泡,並取消該事件的後續事件處理函
  • isImmediatePropagationStopped()方法:判斷是否調用了 stopImmediatePropagation()方法

上一篇
【day29】JQ關於事件1
下一篇
【day30】JQ關於事件3
系列文
CSS、JS-30天研究筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言