作家
登录

Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

作者: 来源:www.28hudong.com 2013-03-30 01:59:09 阅读 我要评论

一把情况下模拟点击一般两个方面,模拟点击超级连接事件firefox的兼容的函数为对HTMLAnchorElement 加入onclick事件 复制代码 代码如下:try { // create a element so that HTMLAnchorElement is accessible document.createElement('a'); HTMLElement.prototype.click = function () { if (typeof this.onclick == 'function') { if (this.onclick({type: 'click'}) && this.href) window.open(this.href, this.target? this.target : '_self'); } else if (this.href) window.open(this.href, this.target? this.target : '_self'); }; } catch (e) { // alert('click method for HTMLAnchorElement couldn't be added'); } 下面是具体的应用 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]如果是普通的html添加点击这一段使得FireFox的HTMLElement具有click方法(add click method to HTMLElement in Mozilla) 复制代码 代码如下:try { // create span element so that HTMLElement is accessible document.createElement('span'); HTMLElement.prototype.click = function () { if (typeof this.onclick == 'function') this.onclick({type: 'click'}); }; } catch (e) { // alert('click method for HTMLElement couldn't be added'); } 下面是网友的其它相关文章也可以参考下。最近做东西发现用户在网页输入框里面按回车的行为是不固定的。。。 特别是在网页有多个表单的时候 于是搜了一把找了一个模拟点击的js,经测试能在firefox和ie上运行 复制代码 代码如下: function doClick(linkId, e){ if(e.keyCode != 13){ return; } var fireOnThis = document.getElementById(linkId) if (document.createEvent) { var evObj = document.createEvent('MouseEvents') evObj.initEvent( 'click', true, false ) fireOnThis.dispatchEvent(evObj) } else if (document.createEventObject) { fireOnThis.fireEvent('onclick') } } 其中e是event,内置对象,linkId是模拟被点击的对象id 比如<INPUT id="test" onkeypress="doClick("buttonId", event)"> 这样的话就能让用户按回车来提交表单了~ opera可以再改一下 复制代码 代码如下: <img id="a" src="/a.jpg" onclick="alert('a');"/><div onclick="clickObj('a')">click me</div> <script language="javascript"> <!-- function clickObj(o){ var o = document.getElementById(o); if( document.all && typeof( document.all ) == "object" ) //IE { o.fireEvent("onclick"); } else { var e = document.createEvent('MouseEvent'); e.initEvent('click',false,false); o.dispatchEvent(e); } } //--> </script>

  推荐阅读

  20个非常棒的Jquery实用工具 国外文章

1. Real Person jQuery Plugin 2. Search And Share 3. FancyPlayer – jQuery Fancybox and Flowplayer Integration 4. Speeding up Google Analytics load times with jQuery 5. Price Format – jQuer>>>详细阅读


本文标题:Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox

地址:http://www.17bianji.com/kaifa2/JS/27333.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)