JS-Methode zum Simulieren von Schaltflächenklickfunktion_Javascript-Fähigkeiten-js-Tutorial-php.cn

JS-Methode zum Simulieren von Schaltflächenklickfunktion_Javascript-Fähigkeiten

WBOY

Freigeben： 2016-05-16 15:24:12

Original

1388 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode, mit der JS die Schaltflächenklickfunktion simuliert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<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>

Nach dem Login kopieren

Bemerkungen:

btnObj.click() verwendet tatsächlich ein Programm, um auf die Schaltfläche zu klicken und löst das onclick()-Ereignis der Schaltfläche aus

btnObj.onclick() ruft einfach die Methode auf, auf die onclick von btnObj zeigt. Es ruft nur die Methode auf und löst nicht das Ereignis aus

Ergänzung:

Beispiel für Javascript, das einen Mausklick auf eine Haftnotiz simuliert

Hier holen Sie sich zuerst das a-Tag-Element und klicken dann später darauf().

Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.