js中事件對(duì)象和事件委托的介紹
更新時(shí)間：2019年01月21日 11:58:50 作者：muzidigbig
今天小編就為大家分享一篇關(guān)于js中事件對(duì)象和事件委托的介紹，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
Ie9以下瀏覽器中的事件對(duì)象是放在全局中的window.event;
解決兼容性：event = event || window.event
事件委托（就是將事件綁定到父級(jí)/爺爺級(jí)對(duì)象上，通過(guò)事件對(duì)象的target屬性來(lái)控制子級(jí)對(duì)象的改變）：
event.target（點(diǎn)擊的目標(biāo)對(duì)象）
<!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) {
//點(diǎn)擊子級(jí)對(duì)象改變顏色
event.target.style.backgroundColor = "black";
}
</script>
</html>
若有不足請(qǐng)多多指教！希望給您帶來(lái)幫助！
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
相關(guān)文章
js 右鍵菜單，支持不同對(duì)象不同菜單(兼容IE、Firefox)
版本雖然很老也不符合標(biāo)準(zhǔn)了，不過(guò)代碼是值得參考的，需要右鍵菜單的朋友可以參考下。2010-01-01
JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別詳解
這篇文章主要介紹了JavaScript中箭頭函數(shù)與普通函數(shù)的區(qū)別，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
使用JavaScript截取視頻特定幀的實(shí)現(xiàn)方法
在網(wǎng)頁(yè)開(kāi)發(fā)中,我們經(jīng)常需要對(duì)媒體文件進(jìn)行處理,其中包括視頻文件,有時(shí)候,我們可能需要從視頻中提取特定的幀,并將其顯示在網(wǎng)頁(yè)上,本文將介紹如何使用JavaScript來(lái)實(shí)現(xiàn)這一功能,感興趣的朋友跟著小編一起來(lái)看看吧2024-05-05
老生常談javascript的類(lèi)型轉(zhuǎn)換
下面小編就為大家?guī)?lái)一篇老生常談javascript的類(lèi)型轉(zhuǎn)換。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)放煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了JavaScript?原始包裝類(lèi)型匯總，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-05-05
JavaScript?WebSocket實(shí)現(xiàn)實(shí)時(shí)雙向聊天
這篇文章主要為大家詳細(xì)介紹了如何基于JavaScript?WebSocket實(shí)現(xiàn)實(shí)時(shí)雙向聊天,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2024-04-04
淺析JavaScript中的call、apply和bind方法
JavaScript中的call、apply和bind方法是用于改變函數(shù)執(zhí)行上下文和預(yù)先設(shè)置參數(shù)的強(qiáng)大工具，它們?cè)诰帉?xiě)可維護(hù)和優(yōu)雅的代碼時(shí)起到了重要的作用，本文將介紹這些方法的原理和使用場(chǎng)景，并展示如何將它們應(yīng)用于你的代碼中，使其更加漂亮2023-06-06
js阻止瀏覽器默認(rèn)行為的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js阻止瀏覽器默認(rèn)行為的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
JavaScript實(shí)現(xiàn)Java中Map容器的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Java中Map容器的方法,結(jié)合實(shí)例形式分析了JavaScript實(shí)現(xiàn)Java中Map容器的原理與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-10-10