Heim > Artikel > Web-Frontend > JS-Methode zum Simulieren von Schaltflächenklickfunktion_Javascript-Fähigkeiten

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

WBOYOriginal: 2016-05-16 15:24:121390Durchsuche

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>

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>

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Eine eingehende Analyse des gleichzeitigen und asynchronen Rückrufs von NodeJs processing_node.jsNächster Artikel：Eine eingehende Analyse des gleichzeitigen und asynchronen Rückrufs von NodeJs processing_node.js

In Verbindung stehende Artikel

Mehr sehen