js基礎-事件委託

時間 2019-11-11

原文原文鏈接

讓利用事件冒泡的原理，讓本身的所觸發的事件，讓他的父元素代替執行！html

<!DOCTYPE html>
<html>
<head>
    <title>事件委託</title>
</head>
<body>

<ul id="ul">
    <li class="item">11</li>
    <li class="item">22</li>
    <li class="item">33</li>
</ul>

</body>

<script>
    
    document.getElementById('ul')
    .addEventListener('click',function(e){
        // console.log(e);
        console.log(e.target);
        if(e.target && e.target.nodeName == "LI") {
            alert(e.target.innerHTML);
        }
    });
</script>
</html>

1. JS事件委託
2. js 事件委託
3. JS 事件委託
4. js事件委託
5. js委託事件
6. JS基礎知識9（事件，事件委託）
7. js事件代理（委託）
8. js 事件委託代理
9. js中的事件委託
10. js中的事件委託...
更多相關文章...
• C# 委託（Delegate） - C#教程
• kotlin 委託 - Kotlin 教程
• 委託模式
• Kotlin學習（二）基本類型

相關標籤/搜索