JavaScript自動點擊連結防止繞過瀏覽器存取的方法-js教程-PHP中文網

JavaScript自動點擊連結防止繞過瀏覽器存取的方法

高洛峰

發布： 2017-01-21 11:12:19

原創

2044 人瀏覽過

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

基本上都是用這個：

<body onLoad="autoclick(&#39;auto&#39;)">
 
<a id=&#39;auto&#39; href=".$url."><img border=&#39;0&#39; src=&#39;images/alipaylog.gif&#39; /></a>
 
</body>
 
<script type="text/javascript">
 
 
 function autoclick(){
 
 lnk = document.getElementById("auto");
 
 lnk.click();
 
  }
 
</script>

登入後複製

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

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

<body onLoad="autoclick(&#39;auto&#39;)">
 
<a id=&#39;auto&#39; href=".$url."><img border=&#39;0&#39; src=&#39;images/alipaylog.gif&#39; /></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下就不能了。但總比第一個優秀。

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

document.getElementById("me").onclick = function() {
 
  var card = document.getElementById("card");
 
   if(document.createEvent){
 
    var ev = document.createEvent(&#39;HTMLEvents&#39;);
 
    ev.initEvent(&#39;click&#39;, false, true);
 
    card.dispatchEvent(ev);
 
   }
 
   else
 
     card.click();
 }

登入後複製

其中 card元素是綁有事件的元素。 me元素是想透過點擊 me元素來呼叫 card的click事件的元素。。。。

問題的重點在於firefox 的js引擎需要先建立一個事件：var ev = document.createEvent('HTMLEvents');

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

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

card = document.getElementById('id');

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

evin

evin. ('click', false, true);

card.dispatchEvent(ev);

由此可見，dispatchEvent 是事件委託中的最後一步，將委託事件與呼叫的元素連結起來，達到呼叫這個元素的事件的效果。

最後推薦用input 來實現，下面是最終解決方案：

<body onLoad="autoclick(&#39;auto2&#39;)">
 
 <input id="auto2" type="hidden" onClick="javascript:location.href = &#39;<?=$url?>&#39; " />
 
</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自動點擊鏈接防止繞過瀏覽器訪問的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援PHP中文網。

更多JavaScript自動點擊連結防止繞過瀏覽器訪問的方法相關文章請關注PHP中文網！ 🎜