首页 / JAVASCRIPT / JavaScript中点击事件的写法

JavaScript中点击事件的写法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中点击事件的写法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含949字，纯文字阅读大概需要2分钟。

内容图文

<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中点击事件的写法全部内容，希望文章能够帮你解决JavaScript中点击事件的写法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/351418.html

来源：【匿名】