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

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

php中文网

发布： 2016-05-16 18:37:25

原创

2094人浏览过

一把情况下模拟点击一般两个方面，模拟点击超级连接事件
firefox的兼容的函数为
对HTMLAnchorElement 加入onclick事件

造点AI

夸克 · 造点AI

325

查看详情

复制代码代码如下:

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') 
} 
} 