求助大佬，原生js怎么监控点击事件并传值

JavaScript017

求助大佬，原生js怎么监控点击事件并传值,第1张

很简单，把id写入到这个按钮里面就好了。例如：

<input data-id="6" value="删除">

然后通过xx.getAttribute("data-id")来获取。如果你用jQuery的话直接$(this).attr("data-id")来获取。

这里的data-id是你自己随意定义的，只要不和其他的属性名冲突就好。有些人习惯写item-id随便你的喜好了。

在给dom元素添加异步事件的时候，如果需要给子元素添加事件，有两种办法，

1.直接给该子元素添加事件；

2.给该子元素的父元素添加事件，再在回调中判断事件点击的对象；

第一种办法是实现起来简单，可是如果子元素较多，这种做会对性能有较大的影响，而且如果是动态添加的dom元素，那么还需要在添加的时候再手动添加事件。操作过于麻烦；下面就看下在原生js中怎么实现事件委托（jq实现简单，在此不做演示）；

我们将点击事件添加到ul上，在点击li标签以及a标签，会将该事件冒泡到ul上面，从而触发ul的onmouseover事件，再在ul的事件中判断当前触发的对象是否是li标签。

 document.querySelectorAll(".aa").forEach((item, index) => {

        item.onclick = () => {

            document.querySelectorAll(".bb")[index].style.color = "red"

        }

    })

 请采纳