JavaScript视频播放器事件监听器简化：如何打印触发事件

当然可以实现，你只需要利用事件处理函数接收的**事件对象（Event Object）**的type属性，就能直接获取触发的具体事件名称，无需为每个事件编写单独函数。

修改后的代码如下：

const events = ["play", "pause", "mute"];
$player("myDiv").on(events, function(event) {
    console.log(event.type);
});

如果想更简洁，还可以用箭头函数：

const events = ["play", "pause", "mute"];
$player("myDiv").on(events, (event) => console.log(event.type));

说明 #

浏览器会自动把当前触发的事件对象作为参数传递给事件处理函数，这个对象的type属性就是你监听的事件名称（比如play、pause），这样不管你后续添加多少事件，都只需要维护events数组，处理逻辑完全复用。

内容的提问来源于stack exchange，提问作者potatobrain7