JS模擬按鈕點(diǎn)擊功能的方法
本文實(shí)例講述了JS模擬按鈕點(diǎn)擊功能的方法。分享給大家供大家參考,具體如下:
<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()是真正地用程序去點(diǎn)擊按鈕,觸發(fā)了按鈕的onclick()事件
btnObj.onclick()只是簡(jiǎn)單地調(diào)用了btnObj的onclick所指向的方法,只是調(diào)用方法而已,并未觸發(fā)事件
補(bǔ)充:
javascript模擬鼠標(biāo)點(diǎn)擊a便簽的例子
這里先獲取a標(biāo)簽元素,然后后面.click()即可.
代碼如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="這里是a標(biāo)簽的路徑">這里是a標(biāo)簽的名稱</a> <button onclick="fn()">點(diǎn)擊打開a標(biāo)簽</button> <script> var a = document.getElementsByTagName('a')[0]; function fn(){ a.click(); } </script> </body> </html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果示例
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果,結(jié)合完整實(shí)例形式分析了基于Bootstrap實(shí)現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示功能相關(guān)操作技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-05-05chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS
chrome瀏覽器不僅僅可以用來上網(wǎng),對(duì)于開發(fā)人員來說,它更像是一款強(qiáng)大的開發(fā)輔助工具。今天這篇文章給大家分享在chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS,有需要的可以參考借鑒。2016-09-09ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集(dataset)
這篇文章介紹了ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集(dataset),文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06javascript 客戶端驗(yàn)證上傳圖片的大?。嫒軮E和火狐)
做web開發(fā)的哥們都會(huì)遇到批量上傳圖片的需求,相信大家都會(huì)遇到這樣的問題,當(dāng)選擇好要上傳的圖片,提交服務(wù)器后,發(fā)現(xiàn)有圖片的大小超過了系統(tǒng)允許的范圍。2009-08-08JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決
這篇文章主要給大家介紹了關(guān)于JS浮點(diǎn)數(shù)運(yùn)算結(jié)果不精確的Bug解決,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08一個(gè)Action如何調(diào)用兩個(gè)不同的方法
這篇文章主要介紹了一個(gè)Action如何調(diào)用兩個(gè)不同的方法,需要的朋友可以參考下2014-05-05