事件委托主要通过事件冒泡现象来实现，准确把握事件委托有助于提高代码执行的效率：








表{
宽度：300px；
身高：60px；
背景颜色：绿色；
}
td {
背景颜色：白色；
}



$（文档）Ready（函数（）{）
$（）Bind（单击
$（本）。文本（哈哈）；
}）
}）





细胞
细胞
细胞
细胞
细胞


细胞
细胞
细胞
细胞
细胞








在上面的代码中，我们使用绑定（）绑定一个事件处理程序的每一个TD方法，所以当我们点击单元格，我们将重置单元格中的文本。虽然达到预期效果的方式，看起来很完美，其实不然，如果细胞是非常多的每一个细胞，和绑定事件处理程序的细胞遍历将大大降低代码的性能，如果细胞监测事件的父元素，只要是一个触发事件的DOM元素是TD的初步判断。

代码修改如下：








表{
宽度：300px；
身高：60px；
背景颜色：绿色；
}
td {
背景颜色：白色；
}



$（文档）Ready（函数（）{）
$（表）。Bind（单击
VaR目标= e.target；
$目标= $（目标）；
如果（合网（TD））{
target.text美元（哈哈）；
}
}）
}）





细胞
细胞
细胞
细胞
细胞


细胞
细胞
细胞
细胞
细胞








上面的代码实现了相同的功能，但效率大大提高了。

结论：所谓事件委托是事件对象本身不处理事件，而是将任务委托给其父元素、祖先元素甚至根元素。

以上是本文的全部内容，希望大家能喜欢。