一个函数处理多个事件，可以使用type属性，stopPropagation
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" id="btn">
<script>
window.onload = function() {
var btn = document.getElementById('btn');
var fun = function (event) {
switch (event.type){
case "click":
alert('1');
break;
case "mouseover":
alert('2');
break;
}
};
btn.onclick = fun;
btn.onmouseover = function (event) {
//立刻停止事件在DOM层次中的传播，所以这边onmouseover的时候不会弹出2。如果去掉这个方法，会弹出2
event.stopPropagation('mouseover');
}
}
</script>
</body>
</html>
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步