为同一元素绑定多个不同事件，指向相同的事件处理函数
2018-08-15 本文已影响0人
珲_cysky2018
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$$</title>
<script src="common.js"></script>
</head>
<body>
<input type="button" value="小苏" id="btn"/>
<script>
my$('btn').onclick = f1;
my$('btn').onmouseover = f1;
my$('btn').onmouseout = f1;
function f1(e) {
switch (e.type) {
case 'click':
alert("好帅哦");
break;
case 'mouseover':
this.style.backgroundColor = 'red';
break;
case 'mouseout':
this.style.backgroundColor = 'blue';
break;
}
}
</script>
</body>
</html>
