JS模擬按鈕點(diǎn)擊功能的方法
更新時(shí)間：2015年12月22日 09:24:44 作者：fengyee_zju
這篇文章主要介紹了JS模擬按鈕點(diǎn)擊功能的方法,結(jié)合實(shí)例形式分析了JavaScript模擬點(diǎn)擊按鈕事件的實(shí)現(xiàn)技巧,并附帶了JavaScript模擬點(diǎn)擊鏈接的實(shí)現(xià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)擊打開(kāi)a標(biāo)簽</button>
<script>
var a = document.getElementsByTagName('a')[0];
function fn(){
a.click();
}
</script>
</body>
</html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解
這篇文章主要介紹了JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解,通過(guò)示例給大家講解的非常細(xì)致，有需要的小伙伴可以參考下。2016-01-01
這篇文章主要介紹了JavaScript 面向?qū)ο笈c原型,需要的朋友可以參考下2015-04-04
javascript正則表達(dá)式模糊匹配IP地址功能示例
這篇文章主要介紹了javascript正則表達(dá)式模糊匹配IP地址功能,結(jié)合簡(jiǎn)單實(shí)例形式演示了JS模糊匹配IP地址的實(shí)現(xiàn)方法,涉及針對(duì)數(shù)字及字符串的相關(guān)正則判定與匹配操作技巧,需要的朋友可以參考下2017-01-01
這篇文章主要幫助大家輕松實(shí)現(xiàn)JavaScript圖片切換，內(nèi)容很精簡(jiǎn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義單項(xiàng)選擇器樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
微信小程序如何根據(jù)不同用戶切換不同TabBar(簡(jiǎn)單易懂!)
小程序中我們可能需要根據(jù)不同的權(quán)限展示不同的tabbar,下面這篇文章主要給大家介紹了關(guān)于微信小程序如何根據(jù)不同用戶切換不同TabBar的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)星星閃爍效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
javascript 層隱藏和顯示的代碼2009-07-07
基于ssm框架實(shí)現(xiàn)layui分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了基于ssm框架實(shí)現(xiàn)layui分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
用JS實(shí)現(xiàn)的一個(gè)include函數(shù)
用JS實(shí)現(xiàn)的一個(gè)include函數(shù)...2007-07-07