快捷導航

JavaScript自動點擊鏈接防止繞過瀏覽器訪問的方法

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

下面小編就為大家?guī)硪黄狫avaScript自動點擊鏈接防止繞過瀏覽器訪問的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

做支付寶帳號登錄，需要做一個效果，就是打開鏈接頁面的時候，不需要點擊鏈接，直接跳到支付寶登錄頁面。也就是說，需要做一個自動點擊鏈接的效果。

基本都是用這個：

<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>

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

下面這個還比較靠譜，先看看吧：

<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>

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

dispatchEvent在Firefox下是有問題的，下面是解決方案：

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元素是想通過點擊 me元素來調(diào)用 card的click事件的元素。。。。

問題的重點在于 firefox 的js引擎需要先創(chuàng)建一個事件：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);

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

最后推薦用 input 來實現(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自動點擊鏈接防止繞過瀏覽器訪問的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: