js中事件对象和事件委托的介绍
更新时间：2019年01月21日 11:58:50 作者：muzidigbig
今天小编就为大家分享一篇关于js中事件对象和事件委托的介绍，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
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>
若有不足请多多指教！希望给您带来帮助！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
相关文章
jquery的写法从事web开发的人员应该不会陌生吧，下面我们要说的是使用js模仿jquery写法的实现代码，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
这篇文章主要介绍了7个让JavaScript变得更好的注意事项,十分详尽，需要的朋友可以参考下2015-01-01
本文给大家介绍的是一篇国外网友写的博客，讲解的是关于实现复选框选中属性的问题，感觉非常不错，翻译过来推荐给大家，希望小伙伴们能够喜欢。2015-03-03
这篇文章主要给大家介绍了关于uniapp蓝牙连接的通用步骤,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-06-06
使用 Jest 和 Supertest 进行接口端点测试实例详解
这篇文章主要介绍了使用 Jest 和 Supertest 进行接口端点测试,结合实例形式详细分析了使用 Jest 和 Supertest 进行接口端点测试具体原理、操作技巧与相关注意事项,需要的朋友可以参考下2020-04-04
这篇文章主要为大家介绍了前端必会的Webpack优化技巧示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了js实现iframe自动自适应高度的方法,涉及javascript操作iframe框架的技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
JavaScript高级程序设计 阅读笔记（十四） js继承机制的实现
继承是面向对象语言的必备特征，即一个类能够重用另一个类的方法和属性。在JavaScript中继承方式的实现方式主要有以下五种：对象冒充、call()、apply()、原型链、混合方式2012-08-08
这篇文章主要介绍了前端开发之CSS原理详解的相关资料,需要的朋友可以参考下2017-03-03
最近发现在对JS的学习中有很多朋友对this的指向问题还是有很大的误区或者说只是大致了解,但是一旦遇到复杂的情况就会因为this指向问题而引发各种bug。所以这篇文章主要给大家介绍了关于js中this的指向问题的相关资料，需要的朋友可以参考下2018-11-11
最新评论