溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript如何實(shí)現(xiàn)自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪問(wèn)

發(fā)布時(shí)間：2021-07-01 15:50:05 來(lái)源：億速云 閱讀：144 作者：小新 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript如何實(shí)現(xiàn)自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪問(wèn)，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

做支付寶帳號(hào)登錄，需要做一個(gè)效果，就是打開(kāi)鏈接頁(yè)面的時(shí)候，不需要點(diǎn)擊鏈接，直接跳到支付寶登錄頁(yè)面。也就是說(shuō)，需要做一個(gè)自動(dòng)點(diǎn)擊鏈接的效果。

基本都是用這個(gè)：

<body onLoad="autoclick('auto')">

<a id='auto' href=".$url."><img border='0' src='images/alipaylog.gif' /></a>

</body>

<script type="text/javascript">


 function autoclick(){

 lnk = document.getElementById("auto");

 lnk.click();

  }

</script>

這個(gè)就IE下可以用，其它瀏覽器都不可以。還轉(zhuǎn)得鋪天蓋地呢，浪費(fèi)大家搜索的時(shí)間。

下面這個(gè)還比較靠譜，先看看吧：

<body onLoad="autoclick('auto')">

<a id='auto' href=".$url."><img border='0' src='images/alipaylog.gif' /></a>

</body>

<script type="text/javascript">  1: 

function autoclick(name)

{  

  if(document.all)  

  {  

    //alert(1);

     document.getElementById(name).click();  

  }  

   else  

  {  

    var evt = document.createEvent("MouseEvents");  

      evt.initEvent("click", true, true);  

    //alert(2);

    document.getElementById(name).dispatchEvent(evt);  

   }  

} 

</script>

這個(gè)在Chrome和IE下都能正常，但是在Firefox下就不能了。但總比第一個(gè)要優(yōu)秀。

dispatchEvent在Firefox下是有問(wèn)題的，下面是解決方案：

document.getElementById("me").onclick = function() {

  var card = document.getElementById("card");

   if(document.createEvent){

    var ev = document.createEvent('HTMLEvents');

    ev.initEvent('click', false, true);

    card.dispatchEvent(ev);

   }

   else 

     card.click();
 }

其中 card元素是綁有事件的元素。me元素是想通過(guò)點(diǎn)擊 me元素 來(lái)調(diào)用 card的click事件的元素。。。。

問(wèn)題的重點(diǎn)在于 firefox 的js引擎需要先創(chuàng)建一個(gè)事件：var ev = document.createEvent('HTMLEvents');

然后將事件指定為 click事件：ev.initEvent('click', false, true);

最后將事件付給card元素：card.dispatchEvent(ev);

card = document.getElementById('id');

var ev = document.createEvent('HTMLEvents');

ev.initEvent('click', false, true);

card.dispatchEvent(ev);

由此可見(jiàn)，dispatchEvent 是事件委托中的最后一步，將委托事件與調(diào)用的元素鏈接起來(lái)，達(dá)到調(diào)用這個(gè)元素的事件的效果。

最后推薦用 input 來(lái)實(shí)現(xiàn)，下面是最終解決方案：

<body onLoad="autoclick('auto2')">

 <input id="auto2" type="hidden" onClick="javascript:location.href = '&lt;?=$url?>' " />

</body>

<script type="text/javascript">  1: 

function autoclick(name)

 {  

  if(document.all)  

  {  

    //alert(1);

     document.getElementById(name).click();  

  }  

   else  

  {  

   var evt = document.createEvent("MouseEvents");  

     evt.initEvent("click", true, true);  

    //alert(2);

    document.getElementById(name).dispatchEvent(evt);  

   }  
} 
</script>

關(guān)于“JavaScript如何實(shí)現(xiàn)自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪問(wèn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手