事件委托

$.on: 基本用法: $(’.parent’).on(‘click’, ‘a’, function () { console.log(‘click event on tag a’); })，它是 .parent 元素之下的 a 元素的事件代理到 $(’.parent’) 之上，只要在这个元素上有点击事件，就会自动寻找到 .parent 元素下的 a 元素，然后响应事件；

<script>
    (() => {
        var ndContainer = document.getElementById('list');
        if (!ndContainer) {
            return;
        }

        for (let i = 0; i < 3; i++) {
            const ndItem = document.createElement('li');
            ndItem.innerText = i + 1;

            ndContainer.appendChild(ndItem)
        };
        ndContainer.addEventListener('click', function (e) {
            // 兼容性处理
            var e = e || window.event;
            var target = e.target || e.srcElement;
            console.log(target.tagName);
            if (target.tagName === 'LI') {
                alert(target.innerText)
            }
        })
    })()
</script>