当前位置：首页 > 资讯 > 技术文档

JavaScript中点击事件的写法

时间：2020-08-26 11:16 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript中点击事件的写法

<button id="btn">click</button>
var btn=document.getElementById('btn');

[b]第一种：[/b]

btn.onclick=function(){
alert('hello world');
}

消除事件：btn.onclick=null;//就不会弹出框了 [b]第二种：[/b]

btn.addEventListener('click',function(){alert('hello world')},false);
btn.addEventListener('click',function(){alert(this.id)},false);

[b]第三种：[/b]

function demo(){

　　alert('hello');
}
<button id="btn" onclick="demo()">click</button>

[b]下面给大家介绍js触发按钮点击事件[/b] [b]模拟JS触发按钮点击功能[/b]

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

[b] 备注：[/b] btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件 btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件

全部评论(0)

上一篇：第七篇Bootstrap表单布局实例代码详解(三种表单布局)
下一篇：利用Node.js获取项目根目录的小技巧

资讯排行榜
更多>>