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程序设计有所帮助。

相关文章

  • 如何解决前端笔记本屏幕显示缩放比例125%,150%对页面布局的影响

    如何解决前端笔记本屏幕显示缩放比例125%,150%对页面布局的影响

    如果要完整解决该缩放和布局问题,仍需适配,下面这篇文章主要给大家介绍了关于如何解决前端笔记本屏幕显示缩放比例125%,150%对页面布局的影响,需要的朋友可以参考下
    2022-11-11
  • 在JavaScript中验证URL的新方法(2023版)

    在JavaScript中验证URL的新方法(2023版)

    在JavaScript领域,URL 验证方面有了新消息!多年来,人们一直在讨论JavaScript没有一种简便的方法来验证 URL,现在有了一种新方法URL.canParse(),需要的朋友可以参考下
    2023-09-09
  • JS实现的样式切换功能tableCSS实例

    JS实现的样式切换功能tableCSS实例

    这篇文章主要介绍了JS实现的样式切换功能tableCSS,结合实例形式分析了js页面元素遍历与样式动态操作相关技巧,需要的朋友可以参考下
    2016-12-12
  • JS 实现导航菜单中的二级下拉菜单的几种方式

    JS 实现导航菜单中的二级下拉菜单的几种方式

    这篇文章主要介绍了JS 实现导航菜单中的二级下拉菜单的几种方式的相关资料,这里提供了三种方式,和实例代码,需要的朋友可以参考下
    2016-10-10
  • 微信小程序教程系列之设置标题栏和导航栏(7)

    微信小程序教程系列之设置标题栏和导航栏(7)

    这篇文章主要为大家详细介绍了微信小程序教程系列之标题栏和导航栏的设置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • javascript实现考勤日历功能

    javascript实现考勤日历功能

    这篇文章主要为大家详细介绍了javascript实现考勤日历功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • 探析浏览器执行JavaScript脚本加载与代码执行顺序

    探析浏览器执行JavaScript脚本加载与代码执行顺序

    本文主要基于向HTML页面引入JavaScript的几种方式,分析HTML中JavaScript脚本的执行顺序问题,通过本文给大家分享浏览器执行JavaScript脚本加载与代码执行顺序,对浏览器执行javascript及执行顺序相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 灵活使用console让js调试更简单的方法步骤

    灵活使用console让js调试更简单的方法步骤

    这篇文章主要介绍了灵活使用console让js调试更简单的方法步骤,适当使用这些方法可以使调试更容易,更快速,更直观,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • JavaScript接口实现方法实例分析

    JavaScript接口实现方法实例分析

    这篇文章主要介绍了JavaScript接口实现方法,结合实例形式详细分析了JavaScript接口实现原理、操作步骤与相关注意事项,需要的朋友可以参考下
    2020-05-05
  • tkinter使用js的canvas实现渐变色

    tkinter使用js的canvas实现渐变色

    这篇文章主要为大家介绍了tkinter使用canvas实现渐变色,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-12-12

最新评论