js按钮点击事件，调用方法

最新推荐文章于 2024-08-22 23:39:09 发布

asteriaV

最新推荐文章于 2024-08-22 23:39:09 发布

阅读量1.2w

点赞数 2

分类专栏： javascript

原文链接：https://www.cnblogs.com/yaohu/p/12699198.html

版权

javascript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

这篇博客探讨了JavaScript中元素的onclick属性和click方法的差异。通过示例代码，作者展示了如何使用这两个方法触发按钮的点击事件。值得注意的是，`btnObj.click()`会实际触发按钮的点击事件，而`btnObj.onclick()`仅调用绑定了的函数，不触发事件。这对于理解JavaScript事件处理机制至关重要。

摘要由CSDN通过智能技术生成

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