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>
若有不足请多多指教！希望给您带来帮助！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对北冥有鱼的支持。如果你想了解更多相关内容请查看下面相关链接
您可能感兴趣的文章:
- javascript json字符串到json对象转义问题
- vue.js的vue-cli脚手架中使用百度地图API的实例
- js中对象和面向对象与Json介绍
- js变量声明var使用与不使用的区别详解
- js的对象与函数详解
- JS实现数组去重,显示重复元素及个数的方法示例
- js中innerText/textContent和innerHTML与target和currentTarget的区别
- JS实现将对象转化为数组的方法分析
- js序列化和反序列化的使用讲解
- 使用javascript做时间倒数读秒功能的实例
