哪里錯了,實在是找不出來了
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="utf8">
?? ?<title>跨瀏覽器解決</title>
</head>
<body>
?? ?<div id="box">
?? ??? ?<input type="button" value="按鈕1" id="btn1" onclick="showmes()"></input>
?? ??? ?<input type="button" value="按鈕2" id="btn2"></input>
?? ??? ?<input type="button" value="按鈕3" id="btn3"></input>
?? ?</div>
?? ??? ?<script type="text/javascript">
?? ?//HTML事件處理程序
?? ??? ?function showmes() {
?? ??? ??? ?alert("好好學(xué)習(xí)");
?? ??? ?};
?? ??? ?//DOM0級事件處理程序
?? ??? ?var btn2=document.getElementById("btn2");
?? ??? ?var btn3=document.getElementById("btn3");?? ?
?? ??? ?btn2.onclick=function(){
?? ??? ??? ?alert("這是通過DOM0級添加的事件");
?? ??? ?}
?? ??? ? //btn2.onclick=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;
?? ??? ? ?? ??? ?}
?? ??? ? ?? ?},
?? ??? ? ?? ?刪除句柄
?? ??? ? ?? ?removeHandler: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.onclick===element['onclick']
?? ??? ? ?? ? ?? ?}
?? ??? ? ?? ? }
?? ??? ? }
?? ??? ?eventUtil.addHandler(btn3,'click',showmes)
?? ??? ?</script>
</body>
</html>
2017-05-10
刪除句柄哪個前面沒有注釋,瀏覽器以為是JS代碼,所以報錯,
//刪除句柄 ? ? 這樣就好了。
2017-05-11
能再問一個問題嗎?<meta charset="utf8">。IE瀏覽器中打開,按鈕的上的漢字顯示亂碼,而且按鈕三沒反應(yīng),而按鈕2和按鈕1彈出提示框“ni? hao”