ie7无法运转？
xue111
2015-12-28 14:52
<!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回答
-
- 李晓健
- 2015-12-28 14:55:26
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);
} -
- xl123456789
- 2015-12-29 17:19:21
iii
-
- _0001
- 2015-12-28 14:55:03
很复杂，没明白。
DOM事件探秘
99533 学习 · 1305 问题
相似问题