技術標籤：javascriptjavascript

1.什麼是事件委託

1).將子元素的事件委託(繫結)給父元素

2.事件委託的好處

1).減少繫結的次數

2).後期新新增的元素也可以享用之前委託的事件

3.事件委託的原理

1).冒泡

4.觸發事件的是誰

1).子元素

5.如何找到觸發事件的物件

1).event.target

6.currentTargetVStarget

1).currentTarget 要求繫結事件的元素一定是觸發事件的元素

2).target 指向的元素不一定是當初繫結事件的元素（繫結事件的元素不一定是觸發事件的元素），當前繫結事件的元素是父元素

target始終指向觸發事件的元素

7，例子：

<ul id="ul">
  <li id="li1">1</li>
  <li id="li2">2</li>
  <li id="li3">3</li>
  <li id="li4">4</li>
</ul>

 $('#ul').click(function(event){
     console.log($(event.target).attr('id'))
 })
 

點選 li 輸出