为了账号安全,请及时绑定邮箱和手机立即绑定

ie7无法运转?

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>事件流</title>

</head>

<body>

<div id="box">

<input type="button" value="按钮" id="btn" onclick="showMessage()">

<input type="button" value="按钮2" id="btn2">

            <input type="button" value="按钮3" id="btn3">


</div>

<script type="text/javascript">

      function  showMessage(){

       alert('hello1');

      }

      //取得btn2按钮对象

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

         //给btn2添加点击(onclick)属性

      btn2.onclick=function(){

          alert('这是通过DOm事件执行的');

             btn2.onclick=null;//删除事件

      }

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

     //添加事件

   /*btn3.addEventListener('click',showMessage,false);//点击事件不加on,鼠标划过事件不加on,所有事件,都不加on。

   btn3.addEventListener('click',function(){

     alert(this.value);

   },false)

   //删除事件

   // btn3.removeEventListener('click',showMessage,false)//括号里面的参数与上面添加事件时的参数保持不变*/

   btn3.attachEvent('onclick',showMessage);//这里要加上on

   btn3.detachEvent('onclick',showMessage);

</script>

</body>

</html>

为什么ie7无法运转?

正在回答

3 回答

addEventListener 这个方法支持到IE9及以上  

如果浏览器不支持 addEventListener() 方法, 你可以使用 attachEvent() 方法替代。

以下实例演示了跨浏览器的解决方法:

var x = document.getElementById("myBtn");
if (x.addEventListener) {                    //所有主流浏览器,除了 IE 8 及更早 IE版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // IE 8 及更早 IE 版本
    x.attachEvent("onclick", myFunction);
}


1 回复 有任何疑惑可以回复我~
#1

xue111 提问者

非常感谢!
2015-12-28 回复 有任何疑惑可以回复我~

iii

0 回复 有任何疑惑可以回复我~

很复杂,没明白。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
DOM事件探秘
  • 参与学习       99528    人
  • 解答问题       1305    个

DOM事件?本课程会通过实例来给小伙伴们讲解如何使用这些事件

进入课程

ie7无法运转?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号