为什么在IE上无响应

来源:2-4 IE事件处理程序及跨浏览器解决

BLre

2016-12-13 22:48

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>事件处理程序</title>

<script type="text/javascript">

window.onload=function()

{

function showMessage()

{

alert(this.value);//this引用被触发的元素

}

var btn=document.getElementById('btn');

/*btn.addEventListener('click',function(){alert('Hello World!')},false);

//删除事件

//btn.removeEventListener('click',function(){alert('Hello World!')},false);

//remove与add参数要一致,通过add生成的事件只能通过remove删除该事件

btn.addEventListener('click',showMessage,false);*/

btn.attachEvent('onclick',showMessage);//click要加on

//btn.detachEvent('onclick',showMessage);

//支持IE处理时间程序的浏览器是IE浏览器或OPERA

}

</script>

</head>


<body>

<input type="button" id="btn" value="按钮" />

</body>

</html>


写回答 关注

1回答

  • 野生前端菜鸟
    2016-12-14 19:45:02
    已采纳

    从IE9开始支持addEventListener,到IE11彻底抛弃attachEvent,就这样,IE不再任性我在IE9-IE11测试均失败,显示不支持attachEvent,但在低版本的IE8,7,6还是支持的,希望你能采纳,对了,你可以直接在IE11里F12打开控制台,点击仿真选项,选择 对应的版本测试!!

    BLre

    非常感谢!真是帮了大忙

    2016-12-14 22:08:20

    共 1 条回复 >

DOM事件探秘

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

99532 学习 · 1298 问题

查看课程

相似问题