我是靠谱客的博主 精明樱桃,最近开发中收集的这篇文章主要介绍html如何设置自动点击事件,使用javascript给html元素添加click事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

使用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

最后

以上就是精明樱桃为你收集整理的html如何设置自动点击事件,使用javascript给html元素添加click事件的全部内容,希望文章能够帮你解决html如何设置自动点击事件,使用javascript给html元素添加click事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部