1、 目前,个人认为最方便的点击事件便是 onclick() 的调用方法的事件,不仅可以传值,还可以避免一些不必要的麻烦:
页面代码:
<div onclick="thisOnClick(this)" id="测试(ID)" type="测试(type)" data-type="测试(data-type)"> 点击我一下 </div>
js代码:
function thisOnClick(e) { console.log("获取到了当前的ID:",e.id);//获取ID定义的值 console.log("获取到了当前定义的type:",e.getAttribute("type"));//获取type:type定义的值 console.log("获取到了当前定义的data-type:",e.getAttribute("data-type"));//获取data-type定义的值 console.log("获取到了当前定义的data-type:",e.dataset.type);// data-type(html5) }
2、 以及使用 类 或者使用 id 进行绑定点击事件,常用方式如下:
3、 但是当html是动态生成的时候,使用 类 或者使用 id 进行的点击事件的写法,将要换个方式: