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

一把情况下模拟点击一般两个方面,模拟点击超级连接事件

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

比如

这样的话就能让用户按回车来提交表单了~

opera可以再改一下

a.jpg

click me

javascript 模拟点击广告

1.用隐藏iframe来加载广告页面。!一开始我们就使用一个看不到的框架ID名为:framelink--iframeid="framelink"name="framelink"frameBorder="0"scrolling="no"width="0"height="0"/ifr

javascript 精确获取样式属性(上)

JQuery,mootools,Ext等类库在这部分实现得非常艰辛,盘根错节地动用一大堆方法,因此想把这部分抠出来难度很大。深入研究它们的实现后,根据我积

javascript 精确获取样式属性(下)

varrgb2hex=function(rgb){rgb=rgb.match(/^rgb((d+),s*(d+),s*(d+))$/);return"#"+tohex(rgb[1])+tohex(rgb[2])+tohex(rgb[3])}vartohex=function(x){varhexDigits=['0','1','2','3','4','5','6','7','8','9

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值