js 事件物件 event 事件委託

div.

onclick
=function
(event )

event.srcelement ie只有這個

這兩chrome都有

可以用來事件委託

理用事件冒泡，和事件源物件進行處理

優點效能 不需要迴圈所有的元素乙個個繫結事件

靈活 當有新的子元素時不需要重新繫結事件

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
<
/head>
="uls"
>
1<
/li>
2<
/li>
3<
/li>
4<
/li>
5<
/li>
6<
/li>
7<
/li>
8<
/li>
9<
/li>
10<
/li>
<
/ul>
var ul = document.
getelementsbyclassname
('uls')[
0]; ul.
onclick
=function
(e)// 直接給 li 繫結事件
// 麻煩 效率低 又不能進行後續擴充等
var lis = document.
getelementsbytagname
('li'),
len = lis.length;
for(
var i =
0; i < len; i++)}
<
/script>
<
/body>
<
/html>

div.

onclick
=function
(event )

JS事件物件event

事件物件 事件引數物件，event物件 1,什麼是事件物件 任何乙個事件觸發後都會包含乙個event物件 event物件中包含與當前事件相關的一些屬性和方法。2,獲取event物件 1，在html中繫結事件 標記 on事件名 btn event eg function btn event 注意 1，...

js 事件物件event

在觸發dom上的某個事件時，會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素，事件的型別以及其他與特定事件相關的資訊。我是div div class son son div div script varbox document.queryselector box...

js事件物件event

js的事件物件 即我們函式中經常會用到的 event event 物件代表事件的狀態，比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用，函式不會在事件發生前被執行！通常我們用得比較多的 就是在標籤上 寫onclick fn 屬性 描述 altkey 返回當...