Maison > Article > interface Web > Méthode JS pour simuler les compétences de clic sur un bouton function_javascript

Méthode JS pour simuler les compétences de clic sur un bouton function_javascript

WBOYoriginal: 2016-05-16 15:24:121429parcourir

L'exemple de cet article décrit la méthode de simulation JS de la fonction de clic sur un bouton. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

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

Remarques :

btnObj.click() utilise en fait un programme pour cliquer sur le bouton et déclenche l'événement onclick() du bouton

btnObj.onclick() appelle simplement la méthode pointée par onclick de btnObj. Il appelle simplement la méthode et ne déclenche pas l'événement

Supplément :

Exemple de javascript simulant un clic de souris sur un pense-bête

Ici, récupérez d'abord l'élément de balise a, puis cliquez dessus () plus tard.

Le code est le suivant :

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

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une analyse approfondie des rappels simultanés et asynchrones de NodeJ Processing_node.jsArticle suivant：Une analyse approfondie des rappels simultanés et asynchrones de NodeJ Processing_node.js

Articles Liés

Voir plus