本文實例講述了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便籤的範例
這裡先取得a標籤元素,然後後面.click()即可.
程式碼如下:
<!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程式設計有所幫助。