1.事件 描述:事件本質(zhì)上是一種交互操作灸眼,經(jīng)常配合函數(shù)使用。當(dāng)事件發(fā)生時函數(shù)同時執(zhí)行。
2.事件傳遞 描述:事件不僅能夠和觸發(fā)者進行交互夏漱,還能夠在特定的情況下沿著domTree逐級傳遞, 和domTree中的各個節(jié)點進行交互顶捷。事件的這種特性稱為【事件傳遞機制】
名詞:
(1)(事件真正的)觸發(fā)者:事件第一次在哪個節(jié)點上發(fā)生挂绰,這個節(jié)點就稱為是觸發(fā)者。
(2)特定情況:domTree中其他節(jié)點也綁定了這個事件的情況
類型:
(1)事件冒泡:事件從最具體的元素開始觸發(fā)服赎,沿domTree逐級向上傳遞葵蒂,直到最不具體的節(jié)點停止
(2)事件捕獲:事件從最不具體的節(jié)點開始觸發(fā),沿domTree逐級向下傳遞重虑,直到最具體的元素為止践付。
注意:
如非特殊強調(diào),所有的事件傳遞都采用事件冒泡缺厉!
例子:
btn.onclick = function () {console.log(‘事件觸發(fā):按鈕被點擊永高!’); };
div.onclick = function () {console.log(‘事件觸發(fā):div被點擊!’); };
document.body.onclick = function () { console.log(‘事件觸發(fā):body被點擊提针!’); };
document.documentElement.onclick= function () { console.log(‘事件觸發(fā):html被點擊命爬!’); };
document.onclick = function () { console.log(‘事件觸發(fā):document被點擊!’); };
JavaScript視頻推薦
https://www.bjsxt.com/down/9215.html
http://yun.itheima.com/course/286.html