js/jq 关于js/jq的点击事件,以及获取值

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 进行的点击事件的写法,将要换个方式:

猜你喜欢

转载自www.cnblogs.com/caitangbutian/p/11489366.html