html跳转按钮谷歌浏览器点击没反应,在各个浏览器点击按钮都没有反应

这篇博客探讨了如何在不同浏览器中实现HTML事件处理程序,包括DOM0级和DOM2级事件处理,以及IE特有的事件处理方式。通过示例代码展示了如何添加和移除事件监听器,并提供了一个跨浏览器兼容的事件处理工具函数eventUtil。
摘要由CSDN通过智能技术生成
跨浏览器解决

//HTML事件处理程序

function showmes() {

alert("好好学习");

};

//DOM0级事件处理程序

var btn2=document.getElementById("btn2");

var btn3=document.getElementById("btn3");

btn2.οnclick=function(){

alert("这是通过DOM0级添加的事件");

}

//btn2.οnclick=null;

// //DOM2级事件

// //  btn3.addEventListener('click',showmes,false);

// //  btn3.removeEventListener('click',function(){

// //      alert("DOM2级移除事件")

// // },flase);

// //IE事件处理流

// btn3.attachEvent('onclick',showmes)

// btn3.detachEvent('onclick',shoumes)

var eventUtil={

//添加句柄

addHandler:function(element,type,handler){

if(element.addEventListener){

element.addEventListener(type,handler,false)

}else if(element.attachEvent){

element.attachEvent('on'+type,handler)

}

else{

element['on'+type]=handler;

}

},

删除句柄

removerHandle:function(element,type,handler){

if(element.removeEventListener){

element.removeEventListener(type,handler,false)

}else if(element.detachEvent){

element.detachEvent('on'+type,handler)

}

else{

element['on'+type]=null;//element.οnclick===element['onclick']

}

}

}

eventUtil.addHandler(btn3,'click',showmes)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值