JavaScript中点击事件的写法
更新时间：2016年06月28日 11:05:05 作者：小码农雯
这篇文章主要介绍了JavaScript中点击事件的写法的相关资料,其中还给大家分享js触发按钮点击功能的实现，本文介绍的非常不错，具有参考借鉴价值，需要的朋友可以参考下
<button id="btn">click</button>
var btn=document.getElementById('btn');
第一种：
btn.onclick=function(){
alert('hello world');
}
消除事件：btn.onclick=null;//就不会弹出框了
第二种：
btn.addEventListener('click',function(){alert('hello world')},false);
btn.addEventListener('click',function(){alert(this.id)},false);
第三种：
function demo(){
alert('hello');
}
<button id="btn" onclick="demo()">click</button>
下面给大家介绍js触发按钮点击事件
模拟JS触发按钮点击功能
<html>
<head>
<title>usually function</title>
</head>
<script>
function load(){
//下面两种方法效果是一样的
document.getElementById("target").onclick();
document.getElementById("target").click();
}
function test(){
alert("test");
}
</script>
<body onload="load()">
<button id="target" onclick="test()">test</button>
</body>
<html>
备注：
btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件
btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件
相关文章
用JavaScript 判断用户使用的是 IE6 还是 IE7
判断IE浏览器的脚本，方便根据浏览器不懂，支持不同的代码的分别调用。2008-01-01
本文主要介绍了NodeJs创建Web服务器；Express创建Web服务器的两种方法，具有一定的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JS设计模式之策略模式概念与用法,简单分析了策略模式的基本概念、原理并结合实例形式分析了javascript实现与使用策略模式的相关操作技巧,需要的朋友可以参考下2018-02-02
本篇文章主要介绍了详解bootstrap导航栏.nav与.navbar区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了Bootstrap导航栏各元素操作方法，针对表单、按钮、文本进行操作，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了TypeScript2.0标记联合类型，对TS感兴趣的同学，可以参考下2021-05-05
JavaScript之BOM location对象+navigator对象+history 对象
这篇文章主要介绍了JavaScript BOM中的 location对象、navigator对象、history 对象，下面围绕他们的相关语法及各种资料展开文章详细内容,需要的小伙伴可以参考一下，希望对大家有所帮助2021-12-12
js获取元素到可视区的距离、浏览器窗口滚动距离及元素距离浏览器顶部距离
这篇文章主要给大家介绍了关于js获取元素到可视区的距离、浏览器窗口滚动距离及元素距离浏览器顶部距离的相关资料,文中通过代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-11-11
ES6数组复制和填充方法copyWithin()、fill()的具体使用
本文主要介绍了ES6数组复制和填充方法copyWithin()、fill()的具体使用，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本文主要介绍了js实现根据文件url批量压缩下载成zip包，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
最新评论