脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js点击事件写法

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所指向的方法，只是调用方法而已，并未触发事件

您可能感兴趣的文章:

相关文章

  • JS 对象属性相关(检查属性、枚举属性等)

    JS 对象属性相关(检查属性、枚举属性等)

    这篇文章主要介绍了JS 对象属性相关(检查属性、枚举属性等),需要的朋友可以参考下
    2015-04-04
  • js 两个日期比较相差多少天的实例

    js 两个日期比较相差多少天的实例

    下面小编就为大家带来一篇js 两个日期比较相差多少天的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 利用Bootstrap实现表格复选框checkbox全选

    利用Bootstrap实现表格复选框checkbox全选

    Bootstrap相信应该不用多介绍，来自 Twitter，是目前最受欢迎的前端框架。这篇文章主要给大家介绍了如何利用Bootstrap实现表格中的checkbox复选框全选效果，文中给出详细的介绍及完整的实例代码，相信对大家的理解和学习具有一定的参考借鉴价值，下面来一起看看吧。
    2016-12-12
  • js跨域资源共享 基础篇

    js跨域资源共享 基础篇

    这篇文章主要为大家详细介绍了javascript跨域资源共享的相关资料，感兴趣的朋友可以参考一下
    2016-07-07
  • 基于Proxy的小程序状态管理实现

    基于Proxy的小程序状态管理实现

    这篇文章主要介绍了基于Proxy的小程序状态管理实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • js属性对象的hasOwnProperty方法的使用

    js属性对象的hasOwnProperty方法的使用

    这篇文章主要介绍了js属性对象的hasOwnProperty方法的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • 解决bootstrap中modal遇到Esc键无法关闭页面

    解决bootstrap中modal遇到Esc键无法关闭页面

    Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。不过在使用的过程中，我们还是会遇到各种小问题，今天我们探讨的就是个人在使用中遇到的一个小BUG的修复。
    2015-03-03
  • js计算最大公约数和最小公倍数代码实例

    js计算最大公约数和最小公倍数代码实例

    这篇文章主要介绍了js计算最大公约数和最小公倍数代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 微信小程序methods中定义的方法互相调用的实例代码

    微信小程序methods中定义的方法互相调用的实例代码

    这篇文章主要介绍了微信小程序methods中定义的方法互相调用的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • 数据排序谁最快(javascript中的Array.prototype.sort PK 快速排序)

    数据排序谁最快(javascript中的Array.prototype.sort PK 快速排序)

    今天在51js论坛中看到一个网友发布了一个javasctipt实现的快速排序的算法，前些日子工作中也涉及到javasctipt中数据排序的应用，当时为了提高排序速度，使用的也是快速排序的算法。
    2007-01-01

最新评论