快捷導(dǎo)航

JavaScript自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪(fǎng)問(wèn)的方法

更新時(shí)間：2017年01月19日 10:38:45 投稿：jingxian

下面小編就為大家?guī)?lái)一篇JavaScript自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪(fǎng)問(wèn)的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

做支付寶帳號(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>

以上這篇JavaScript自動(dòng)點(diǎn)擊鏈接防止繞過(guò)瀏覽器訪(fǎng)問(wèn)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: