JavaScript自动点击链接 防止绕过浏览器访问的方法
做支付宝帐号登录，需要做一个效果，就是打开链接页面的时候，不需要点击链接，直接跳到支付宝登录页面。也就是说，需要做一个自动点击链接的效果。
基本都是用这个：
<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下可以用，其它浏览器都不可以。还转得铺天盖地呢，浪费大家搜索的时间。
下面这个还比较靠谱，先看看吧：
<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下就不能了。但总比第一个要优秀。
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元素 来调用 card的click事件的元素。。。。
问题的重点在于 firefox 的js引擎需要先创建一个事件：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 是事件委托中的最后一步，将委托事件与调用的元素链接起来，达到调用这个元素的事件的效果。
最后推荐用 input 来实现，下面是最终解决方案：
<body onLoad="autoclick('auto2')">
<input id="auto2" type="hidden" onClick="javascript:location.href = '<?=$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自动点击链接 防止绕过浏览器访问的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
JS模拟自动点击的简单实例
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript模拟鼠标自动点击链接</title><script type="text/java
-
JS打开新窗口防止被浏览器阻止的方法
本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法还是有的,这里我们就来分析一下如何解决这个问题 我最近也遇到了这样的问题,所以就把弹出新窗口的方法分享给大家.欢迎大家补充哦... 第一种.使用原生javascript的window.open()方法(大部分情况下会被浏览自阻止) 第二种.模拟表单(form)提交,原理是指定表单的a
-
JavaScript自动点击链接 防止绕过浏览器访问的方法
做支付宝帐号登录,需要做一个效果,就是打开链接页面的时候,不需要点击链接,直接跳到支付宝登录页面.也就是说,需要做一个自动点击链接的效果. 基本都是用这个: <body onLoad="autoclick('auto')"> <a id='auto' href=".$url."><img border='0' src='images/alipaylog.gif' /></a> </body> <scr
-
JS实现点击链接切换显示隐藏内容的方法
本文实例讲述了JS实现点击链接切换显示隐藏内容的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net 点击链接切换显示隐藏内容</title> <style> a { cursor: pointer
-
javascript实现点击提交按钮后显示loading的方法
本文实例讲述了javascript实现点击提交按钮后显示loading的方法.分享给大家供大家参考.具体如下: 这里可以实现点击提交按钮后显示loading,防止用户重复提交 <style> #loading { position:absolute; width:500px; height:50px; top:50%; left:50%; margin: -25px -150px; background-color:#FFFFFF; border:1px solid #CCCCCC; text
-
PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】
本文实例总结了PHP判断访客是否手机端(移动端浏览器)访问的方法.分享给大家供大家参考,具体如下: 在平常工作开发中,我们通常需要开发出PC端和移动端两个不同的系统,从而根据访问端的不同进入到不同的操作界面中.这就需要我们首先要对访问的客户端进行判断是PC端还是移动端. 本博文讨论使用PHP判断访问端是否是移动端(或是移动端浏览器)从而确定是移动端访问的4种方法: 1.根据 HTTP_X_WAP_PROFILE是否存在进行判断,存在则是移动端(部分服务商会屏蔽该信息) /** * 是否是移动端访
-
用javascript实现点击链接弹出"图片另存为"而不是直接打开
<iframe height="0" width="0" src="/images/logo.gif" name="saveImage" id="saveImage"></iframe> <a href="###" onclick="saveImage.document.execCommand('saveAs');">Click M
-
JS实现点击链接取消跳转效果的方法
复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>我们</title> <script type="text/javascript">
-
移到这里，就会自动点击
我们---www.jb51.net var autoclick_ok=false; function mClk() //自动点击函数 { if(!autoclick_ok) { var source=event.srcElement;source.click(); //autoclick_ok=true; } } 移到这里,就会自动点击! ::我们::欢迎你的访问! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
javascript实现阻止iOS APP中的链接打开Safari浏览器
上次根据网上的教程给自己的网站弄了一个Web APP,但是给用户的感觉却十分糟糕. 问题说明: 怎么了?原来是打开WEB APP后在主页上随意打开连接,就会自作主张地打开Safari浏览器.原来好好的伪装和心情就全被破坏掉了.这该如何是好?原来解决方法十分简单.仅仅加入这些代码就好了.实验测试在本人的 iPhone (iOS 7.1)和iPod (iOS 6.1.4)上测试通过,根据原作者的叙述,最新的 iOS 7.0.4(iPhone 与 iPad)测试通过,代码应该兼容性不错,在这里分享:
-
JavaScript代码模拟鼠标自动点击事件示例
利用JavaScript代码可以帮助我们实现鼠标的自动点击事件.比如点击了按钮1以后,JavaScript代码会自动去点击下一个按钮,一直点击到按钮5才会停止(可根据实际情况进行相应的调整). 效果图如下所示: 按钮1被点击以后,通过JavaScript的代码自动点击按钮2,代码点击了按钮2之后又会去点击按钮3,以此类推,直到点击到按钮5为止. 首先先设置几个按钮,然后再设置一个盒子包裹着一些文字,方便我们在接下来js部分中更换里面的内容时,更加直观的看到它的效果. HTML代码部分: 通过cs