js事件委托詳解
更新時間：2021年11月04日 08:35:15 作者：小妮淺淺
在本篇文章里小編給大家整理的是一篇關于js事件委托詳解以及相關實例內(nèi)容，有興趣的朋友們可以跟著學習下。
1、每個函數(shù)都是對象，占用內(nèi)存。內(nèi)存中的對象越多，性能越差。解決事件處理過多問題的辦法是事件委托。
2、事件委托冒泡，只指定一個事件處理程序，就可以管理某一類型的所有事件。
實例
<ul id="myLinks">
<li id="myLi1">text1</li>
<li id="myLi2">text2</li>
<li id="myLi3">text3</li>
</ul>
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>
到此這篇關于js事件委托詳解的文章就介紹到這了,更多相關js事件委托如何理解內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了javascript this詳細介紹的相關資料,需要的朋友可以參考下2016-09-09
在JavaScript中操作時間之getUTCDate()方法的使用
這篇文章主要介紹了在JavaScript中操作時間之getUTCDate()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06
標準庫指的是js的標準內(nèi)置對象，是js這門語言本身初始時提供的在全局范圍的對象,需要的朋友可以參考下2018-05-05
JavaScript的document對象和window對象詳解
JavaScript的document對象和window對象詳解,js經(jīng)常用得到的知識，了解下。2010-12-12
下面小編就為大家?guī)硪黄獪\談javascript中關于日期和時間的基礎知識。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要介紹了js單詞形式的運算符,需要的朋友可以參考下2014-05-05
這是一篇關于javascript三元運算符的相關基礎知識點內(nèi)容，大家可以學習一下鞏固基礎知識。2018-09-09
js靜態(tài)作用域的功能。...2006-12-12
用js自動判斷瀏覽器分辨率的代碼...2007-01-01
JavaScript fontcolor方法入門實例（按照指定的顏色來顯示字符串）
這篇文章主要介紹了JavaScript fontcolor方法入門實例,fontcolor方法用于按照指定的顏色來顯示字符串,需要的朋友可以參考下2014-10-10