Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk mensimulasikan kemahiran function_javascript klik butang

Kaedah JS untuk mensimulasikan kemahiran function_javascript klik butang

WBOY
WBOYasal
2016-05-16 15:24:121437semak imbas

Contoh dalam artikel ini menerangkan kaedah JS mensimulasikan fungsi klik butang. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

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

Catatan:

btnObj.click() sebenarnya menggunakan program untuk mengklik butang dan mencetuskan acara onclick() butang

btnObj.onclick() hanya memanggil kaedah yang ditunjukkan oleh onclick btnObj Ia hanya memanggil kaedah dan tidak mencetuskan acara

Tambahan:

Contoh javascript simulasi klik tetikus pada nota melekit

Di sini, mula-mula dapatkan elemen teg, kemudian klik() kemudian.

Kod adalah seperti berikut:

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

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn