Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

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

WBOY

Release： 2016-05-16 15:28:46

Original

3373 people have browsed it

本文实例讲述了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>

Copy after login

备注：

btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件
btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件

希望本文所述对大家JavaScript程序设计有所帮助。

Related labels：

js button click simulation trigger

source：php.cn

Previous article：基于js实现微信发送好友如何分享到朋友圈、微博_javascript技巧 Next article：全面解析Bootstrap排版使用方法（文字样式）_javascript技巧

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn