JS模擬按鈕點擊功能的方法
更新時間：2015年12月22日 09:24:44 作者：fengyee_zju
這篇文章主要介紹了JS模擬按鈕點擊功能的方法,結(jié)合實例形式分析了JavaScript模擬點擊按鈕事件的實現(xiàn)技巧,并附帶了JavaScript模擬點擊鏈接的實現(xiàn)方法,需要的朋友可以參考下
本文實例講述了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()是真正地用程序去點擊按鈕，觸發(fā)了按鈕的onclick()事件
btnObj.onclick()只是簡單地調(diào)用了btnObj的onclick所指向的方法，只是調(diào)用方法而已，并未觸發(fā)事件
補充：
javascript模擬鼠標(biāo)點擊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()">點擊打開a標(biāo)簽</button>
<script>
var a = document.getElementsByTagName('a')[0];
function fn(){
a.click();
}
</script>
</body>
</html>
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
Bootstrap實現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果示例
這篇文章主要介紹了Bootstrap實現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示效果,結(jié)合完整實例形式分析了基于Bootstrap實現(xiàn)的標(biāo)簽頁內(nèi)容切換顯示功能相關(guān)操作技巧,非常簡單實用,需要的朋友可以參考下2017-05-05
這篇文章主要為大家分享了一款很棒的Bootstrap選項卡切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
chrome瀏覽器不僅僅可以用來上網(wǎng)，對于開發(fā)人員來說，它更像是一款強大的開發(fā)輔助工具。今天這篇文章給大家分享在chrome瀏覽器如何斷點調(diào)試異步加載的JS，有需要的可以參考借鑒。2016-09-09
ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集（dataset）
這篇文章介紹了ECharts異步加載數(shù)據(jù)與數(shù)據(jù)集（dataset），文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
本篇文章主要介紹了Webpack執(zhí)行命令參數(shù)詳解 ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
javascript 客戶端驗證上傳圖片的大?。嫒軮E和火狐）
做web開發(fā)的哥們都會遇到批量上傳圖片的需求，相信大家都會遇到這樣的問題，當(dāng)選擇好要上傳的圖片，提交服務(wù)器后，發(fā)現(xiàn)有圖片的大小超過了系統(tǒng)允許的范圍。2009-08-08
這篇文章主要給大家介紹了關(guān)于JS浮點數(shù)運算結(jié)果不精確的Bug解決，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢，你會嗎？如果不會，那么下面有個不錯的方法，大家可以參考下2013-11-11
許多讀者認(rèn)為我那本《JavaScript語言精髓與編程實踐》讀來辛苦，所以我一直想寫個簡單的讀本。索性，這次就寫個最簡單的吧。2008-10-10
這篇文章主要介紹了一個Action如何調(diào)用兩個不同的方法,需要的朋友可以參考下2014-05-05