為同一個元素系結多個不同事件指向同一個事件處理函式
1. 用了switch(e.type){} 來修改
2. break
<input type="button" value="https://www.cnblogs.com/jane-panyiyun/p/小蘇" id="btn" />
<script src="https://www.cnblogs.com/jane-panyiyun/p/common.js"></script>
<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 = "pink";
break;
case "mouseout":
this.style.backgroundColor = "yellow";
break;
}
}
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/164081.html
標籤：JavaScript
上一篇：如何渲染幾萬條資料并不卡住界面？