ボタンクリックをシミュレートするJSメソッド function_javascriptスキル-jsチュートリアル-php.cn

ボタンクリックをシミュレートするJSメソッド function_javascriptスキル

WBOY

リリース： 2016-05-16 15:24:12

オリジナル

1386 人が閲覧しました

この記事の例では、ボタンのクリック機能を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 の例

ここでは、まず a タグ要素を取得し、後でそれをクリック()します。

コードは次のとおりです:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<a href="这里是a标签的路径">这里是a标签的名称</a>
<button onclick="fn()">点击打开a标签</button>
<script>
  var a = document.getElementsByTagName('a')[0];
  function fn(){
    a.click();
  }
</script>
</body>
</html>

ログイン後にコピー

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。