在JavaScript中，可以通过事件委托和事件捕获来优化代码，提高页面性能。事件委托是利用事件冒泡机制，将事件绑定在父元素上，通过判断目标元素是否符合要求来触发事件，从而减少对子元素的事件绑定。事件捕获则是相反的过程，先由最外层的父元素捕获事件，再由内部的子元素处理事件。
事件委托的实现步骤： 1.确定事件绑定的父元素，如document或某个具有容器意义的元素。 2.通过事件冒泡的方式监听需要处理的子元素事件（如click、mouseover等）。 3.在事件处理函数中判断触发事件的目标元素是否符合条件。 4.如果符合条件，则进行相应的操作，否则不做任何操作。
例如，如果需要为一个列表中的所有子元素添加点击事件，可以通过事件委托来实现：
// 确定事件绑定的父元素
var parent = document.getElementById('list');
// 监听父元素的点击事件
parent.addEventListener('click', function(e) {
// 判断触发事件的目标元素是否是li元素
if (e.target.nodeName === 'LI') {
// 进行操作，例如弹出当前元素的内容
alert(e.target.innerHTML);
}
});事件捕获的实现步骤： 1.确定事件绑定的父元素，如document或某个具有容器意义的元素。 2.通过事件捕获的方式监听需要处理的子元素事件（如click、mouseover等）。 3.在事件处理函数中判断触发事件的目标元素是否符合条件。 4.如果符合条件，则进行相应的操作，否则不做任何操作。
例如，如果需要为一个列表中的所有子元素添加点击事件，可以通过事件捕获来实现：
// 确定事件绑定的父元素
var parent = document.getElementById('list');
// 监听父元素的点击事件，使用事件捕获阶段
parent.addEventListener('click', function(e) {
// 判断触发事件的目标元素是否是li元素
if (e.target.nodeName === 'LI') {
// 进行操作，例如弹出当前元素的内容
alert(e.target.innerHTML);
}
}, true);在上面的示例中，事件处理函数中的第三个参数true表示使用事件捕获方式来监听事件。