js中事件對象和事件委托的介紹
更新時間：2019年01月21日 11:58:50 作者：muzidigbig
今天小編就為大家分享一篇關(guān)于js中事件對象和事件委托的介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧
Ie9以下瀏覽器中的事件對象是放在全局中的window.event;
解決兼容性：event = event || window.event
事件委托（就是將事件綁定到父級/爺爺級對象上，通過事件對象的target屬性來控制子級對象的改變）：
event.target（點擊的目標(biāo)對象）
<!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>
若有不足請多多指教！希望給您帶來幫助！
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
相關(guān)文章
jquery的寫法從事web開發(fā)的人員應(yīng)該不會陌生吧，下面我們要說的是使用js模仿jquery寫法的實現(xiàn)代碼，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
這篇文章主要介紹了7個讓JavaScript變得更好的注意事項,十分詳盡，需要的朋友可以參考下2015-01-01
本文給大家介紹的是一篇國外網(wǎng)友寫的博客，講解的是關(guān)于實現(xiàn)復(fù)選框選中屬性的問題，感覺非常不錯，翻譯過來推薦給大家，希望小伙伴們能夠喜歡。2015-03-03
這篇文章主要給大家介紹了關(guān)于uniapp藍牙連接的通用步驟,文中通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06
使用 Jest 和 Supertest 進行接口端點測試實例詳解
這篇文章主要介紹了使用 Jest 和 Supertest 進行接口端點測試,結(jié)合實例形式詳細分析了使用 Jest 和 Supertest 進行接口端點測試具體原理、操作技巧與相關(guān)注意事項,需要的朋友可以參考下2020-04-04
這篇文章主要為大家介紹了前端必會的Webpack優(yōu)化技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
js實現(xiàn)iframe自動自適應(yīng)高度的方法
這篇文章主要介紹了js實現(xiàn)iframe自動自適應(yīng)高度的方法,涉及javascript操作iframe框架的技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
JavaScript高級程序設(shè)計 閱讀筆記（十四） js繼承機制的實現(xiàn)
繼承是面向?qū)ο笳Z言的必備特征，即一個類能夠重用另一個類的方法和屬性。在JavaScript中繼承方式的實現(xiàn)方式主要有以下五種：對象冒充、call()、apply()、原型鏈、混合方式2012-08-08
這篇文章主要介紹了前端開發(fā)之CSS原理詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03
最近發(fā)現(xiàn)在對JS的學(xué)習(xí)中有很多朋友對this的指向問題還是有很大的誤區(qū)或者說只是大致了解,但是一旦遇到復(fù)雜的情況就會因為this指向問題而引發(fā)各種bug。所以這篇文章主要給大家介紹了關(guān)于js中this的指向問題的相關(guān)資料，需要的朋友可以參考下2018-11-11