js中事件对象和事件委托的介绍
程序员文章站
2023-11-20 18:41:04
ie9以下浏览器中的事件对象是放在全局中的window.event;
解决兼容性：event = event || window.event
事件委托（就是将事件绑...
ie9以下浏览器中的事件对象是放在全局中的window.event;
解决兼容性：event = event || window.event
事件委托（就是将事件绑定到父级/爷爷级对象上，通过事件对象的target属性来控制子级对象的改变）：
event.target（点击的目标对象）
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<style>
td{
width: 100px;
height: 100px;
border:2px solid red;
}
</style>
</head>
<body>
<table >
<tr>
<td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td>
</tr>
<tr>
<td></td><td></td><td></td>
</tr>
</table>
</body>
<script>
var tab = document.getelementsbytagname("table")[0];
tab.onclick = function (event) {
//点击子级对象改变颜色
event.target.style.backgroundcolor = "black";
}
</script>
</html>
若有不足请多多指教！希望给您带来帮助！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接
上一篇： 荣耀盒子京东618福利 秒杀价259元 晒单赢大奖
下一篇： JavaScript常用事件介绍