html如何设置自动点击事件,使用javascript给html元素添加click事件

230 阅读 0 评论 152 点赞

使用javascript给html元素添加click事件

在html给元素添加事件我们通常情况下的代码是这样的

直接给元素添加点击事件，我们使用onclick方法。我们也可能通过javascript给元素动态添加事件，根据不同的场景有多种给元素添加点击事件的方法。

1.直接在html tag标签中添加onclick事件

2.使用js DOM获取元素添加方法document.getElementById("btn").onclick = functionName;

//直接添加匿名方法

document.getElementById("btn").onclick = function()

{

alert('ahaha');

};

3.通过使用事件监听的方式给元素添加绑定事件val el = document.getElementById("btn");

if(el.addEventListener)

el.addEventListener("click",functionName,false);

if(el.attachEvent)

el.attachEvent("onclick",functionName);

注意看上面有两个if条件的判断，这样的做法是为了兼容浏览器，中IE中我们可以使用attachEvent方法,并且在IE中的attachEvent事件的名称是包含on的，如添加其它事件也是一样需要添加on,如：onChange onblur onsubmit等

4.如何给一个按钮对象添加多个同一个事件呢？

我猜你已经知道怎么写了var btn = docu

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。