JavaScript中的事件委托和事件冒泡是常用的事件处理技术。
事件委托是利用事件冒泡机制，将事件处理器绑定在其父级元素上，通过判断事件源是否符合预期目标，从而触发相应的操作。这种做法可以减少事件处理器的数量，提高性能和代码可维护性。
示例代码如下：
// 绑定事件委托
var parent = document.querySelector('.parent');
parent.addEventListener('click', function(event) {
if (event.target.tagName === 'LI') {
// 目标元素为LI时执行操作
console.log('click on LI: ' + event.target.textContent);
}
});在上述代码中，我们首先获取了父级元素.parent，然后通过addEventListener()方法将click事件绑定在父级元素上。在事件处理函数中，我们通过event.target属性获取当前被点击的元素，并判断其是否为LI元素，从而实现事件委托。
事件冒泡是指事件从最内层元素开始逐级向上传播，直到传播到文档的根节点。在事件冒泡过程中，可以通过event.stopPropagation()方法阻止事件继续向上传播，从而实现事件的局部处理。
示例代码如下：
// 绑定事件冒泡
var child = document.querySelector('.child');
child.addEventListener('click', function(event) {
console.log('click on child');
event.stopPropagation(); // 阻止事件冒泡
});
var parent = document.querySelector('.parent');
parent.addEventListener('click', function(event) {
console.log('click on parent');
});在上述代码中，我们首先获取了子元素.child和父级元素.parent，并分别将click事件绑定在它们身上。在子元素的事件处理函数中，我们输出了click on child，并通过event.stopPropagation()方法阻止事件继续向上传播。在父级元素的事件处理函数中，我们输出了click on parent，但由于子元素的事件处理函数阻止了事件冒泡，所以该语句不会被执行。
总的来说，事件委托和事件冒泡是JavaScript中常用的事件处理技术，可以提高性能和代码可维护性。