javascript - 如何在没有 jQuery 的情况下将播放事件绑定(bind)到 AJAX 加载的视频？

Question

我知道如何处理每个元素都支持的点击事件。这样我就可以将它用于稍后通过 AJAX 加载的内容。

但似乎 play 事件仅适用于 video 和 audio 标签。所以我不能在 body 上听它吧？如何在不使用 jQuery 的情况下使用 AJAX 将播放事件添加到稍后加载的每个视频？

jQuerys on() 是正确的方法吗？是否有 jQuery on() 函数的独立端口可以用作模块？

document.body.addEventListener( 'mouseover', iframeEvent, false );
document.body.addEventListener( 'touchend', iframeEvent, false );
document.body.addEventListener( 'touchmove', iframeEvent, false );

function iframeEvent( ev ) {

    if ( ! ev.target ) {
        return;
    }

    const ele = ev.target;

    if ( ele.matches( 'iframe' ) ) {
        // do stuff
    }
}

Answer 1

有关 <audio> 等事件和<video>不要冒泡到父元素，这就是为什么通常的委托(delegate)方案

document.body.addEventListener( 'play', iframeEvent, false );

行不通。但是您可以通过将第三个参数传递给 true 来使用事件的“捕获阶段”

document.body.addEventListener( 'play', iframeEvent, true);

更多信息请点击 http://www.quirksmode.org/js/events_order.html