JS简单模拟触发按钮点击功能的方法

 更新时间:2015年11月30日 14:53:02   作者:fengyee_zju  
这篇文章主要介绍了JS简单模拟触发按钮点击功能的方法,涉及JavaScript事件调用机制及事件触发的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • 微信小程序数据统计和错误统计的实现方法

    微信小程序数据统计和错误统计的实现方法

    这篇文章主要介绍了微信小程序数据统计和错误统计的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • 封装属于自己的JS组件

    封装属于自己的JS组件

    这篇文章主要介绍了如何封装属于自己的JS组件,对js组件扩展以及封装用法的认识和总结,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 解决JavaScript数字精度丢失问题的方法

    解决JavaScript数字精度丢失问题的方法

    这篇文章主要介绍了解决JavaScript数字精度丢失问题的方法,需要的朋友可以参考下
    2015-12-12
  • JS字符串的切分用法实例

    JS字符串的切分用法实例

    这篇文章主要介绍了JS字符串的切分的方法,结合实例形式分析了JavaScript使用split针对字符串进行切分与遍历的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Javascript打印局部页面实例

    Javascript打印局部页面实例

    这篇文章主要分享一个Javascript打印局部页面实例,需要的朋友可以参考下。
    2016-06-06
  • JavaScript构建自己的对象示例

    JavaScript构建自己的对象示例

    这篇文章主要介绍了JavaScript构建自己的对象,结合实例形式分析了javascript自定义类的定义与对象的实例化相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • jquery插件锦集【推荐】

    jquery插件锦集【推荐】

    本文主要分享了jquery插件: 时钟效果; 倒计时; 全选效果; tab点击切换; tab鼠标移动切换; 文本输入搜索等。具有很好的参考价值需要的朋友一起来看下吧
    2016-12-12
  • 判断某个字符在一个字符串中是否存在的js代码

    判断某个字符在一个字符串中是否存在的js代码

    这篇文章主要介绍了判断某个字符在一个字符串中是否存在的方法,需要的朋友可以参考下
    2014-02-02
  • 小程序实现搜索框功能

    小程序实现搜索框功能

    这篇文章主要为大家详细介绍了小程序实现搜索框功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • webpack自动化打包方式详解

    webpack自动化打包方式详解

    这篇文章主要介绍了webpack自动化打包的相关知识,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-02-02

最新评论