事件對(duì)象
獲取事件對(duì)象
image.png
事件對(duì)象常用屬性
pageX pageY 獲取光標(biāo)相對(duì)于頁面左上角的位置
key 用戶按下的鍵盤鍵的值
image.png
事件流
image.png
事件冒泡概念: 當(dāng)一個(gè)元素的事件被觸發(fā)時(shí)，同樣的事件將會(huì)在該元素的所有祖先元素中依次被觸發(fā)。這一過程被稱為事件冒泡
簡(jiǎn)單理解：當(dāng)一個(gè)元素觸發(fā)事件后，會(huì)依次向上調(diào)用所有父級(jí)元素的同名事件
事件冒泡是默認(rèn)存在的
事件捕獲
image.png
阻止時(shí)間流動(dòng)
image.png
image.png
鼠標(biāo)移入移出事件：
mouseover 和 mouseout 會(huì)有冒泡效果
mouseenter 和 mouseleave 沒有冒泡效果(推薦)
image.png
image.png
阻止瀏覽器的默認(rèn)行為
image.png
image.png
事件委托
優(yōu)點(diǎn)：給父級(jí)元素加事件（可以提高性能）
原理：事件冒泡，給父元素注冊(cè)的事件，子元素是可以觸發(fā)
實(shí)現(xiàn)：事件對(duì)象.target 可以獲得真正觸發(fā)事件的元素
image.png
