十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章将为大家详细讲解有关JavaScript如何实现自动点击链接防止绕过浏览器访问,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、成都响应式网站建设公司、程序开发、网站优化、微网站、小程序开发等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的成都网站设计、做网站、网站设计、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体。
做支付宝帐号登录,需要做一个效果,就是打开链接页面的时候,不需要点击链接,直接跳到支付宝登录页面。也就是说,需要做一个自动点击链接的效果。
基本都是用这个:
这个就IE下可以用,其它浏览器都不可以。还转得铺天盖地呢,浪费大家搜索的时间。
下面这个还比较靠谱,先看看吧:
这个在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 来实现,下面是最终解决方案:
' " />
关于“JavaScript如何实现自动点击链接防止绕过浏览器访问”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。