主页 / 网络编程 /

JavaScript中点击事件的写法

网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了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>

狼蚁网站SEO优化给大家介绍js触发按钮点击事件

模拟JS触发按钮点击功能

<html> 
  <head> 
    <title>usually function</title> 
  </head> 
  <script> 
function load(){ 
  //狼蚁网站SEO优化两种方法效果是一样的 
  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所指向的方法，只是调用方法而已，并未触发事件

上一篇：浅谈js的url解析函数封装 下一篇：js改变style样式和css样式的简单实例

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by