ul click 事件 回调函数 event typescript 类型

在 TypeScript 中，使用以下方式定义一个 ul 元素的 click 事件回调函数：

const ulElement = document.querySelector('ul');

function handleClick(event: MouseEvent) {
  console.log(`Clicked on ${event.target}`);
}

ulElement.addEventListener('click', handleClick);

其中，MouseEvent 是 TypeScript 中内置的事件类型，用于表示鼠标事件。其他常见的事件类型包括 KeyboardEvent（键盘事件）、TouchEvent（触摸事件）等。

在事件回调函数中，可以使用 event.target 属性来获取触发事件的元素。在上面的例子中，当点击 ul 元素中的任何一个子元素时，都会输出被点击的元素。