MENU

脱离jquery的话,原生js如何实现文档指定元素的监听呢?

July 15, 2020 • Read: 175 • 生活

// $(document).on('click', '#followButton',function () {
//     let people = $(this).attr('data-value');
//     cancel(people)
// })
document.getElementById('content').onclick = function (ev) {
    let people = ev.target.getAttribute('data-value');
    if (ev.target.innerHTML === '取消')
        cancel(parseInt(people))
}

先看对比,最上面的是jq

这里我们用到事件委托,那么何为事件委托?
实际上是事件冒泡到父或者祖先元素上,然后委托给子元素....(百度吧,此类文章太多)

Archives QR Code Tip
QR Code for this page
Tipping QR Code