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

2-3节有口误。开始说的是DOM0和DOM2共有的优点是为同一元素添加多个事件处理程序,示例结束后却说只有DOM2可以这样做,最后又说这是DOM0和DOM2两者共同的优点。。。太凌乱了。。。

正在回答

1 回答

<html>
	<head>
		<title>事件流</title>
		<meta charset="utf-8">
	</head>
	<body>
		
		<div id = "box">
			<input type="button" value="按钮" id="btn">
			<input type="button" value="按钮2" id="btn2">
		</div>
		<script>
		  	var b1 = document.getElementById("btn2");
		  	var b2 = document.getElementById("btn");
		  	b1.onclick=function(){
		  		alert("one");
		  	}
		  	b1.onclick = function(){
		  		alert("tiii  ");
		  	}
		  	b2.addEventListener('click',function(){alert("NAME")},false);
		  	b2.addEventListener('click',function(){alert("poker face")},false);

		</script>
	</body>
</html>

dom0 同队以对象的同一类事件会相互覆盖,  DOM2 一个对象可以有很多同类事件。

而且

<input type="button" value="按钮3" id="btn3" onclick="setMes()" onmousemove="showMes()">
<script>
	  	function setMes(){
		  		alert("setMes");
		  	}
		  	function showMes(){
		  		b2.style.width = "100px";
		  	}
</script>

click 与mouseover 同样都是有效的。     

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

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信