jquery 点击视频上的按钮会导致不必要的播放/停止

lrpiutwd 于 2022-11-29 发布在 jQuery

关注(0)|答案(1)|浏览(168)

我有一个 Package 和一个视频和按钮里面
点击按钮导致不必要的播放/停止
如果单击视频而不是wrap内的任何其他元素，我希望播放/停止视频only
并保持按钮绝对定位，即位于比视频更高的z轴上

<div class='wrap'>
<video class='vid' src='ph/video.mp4' controls"></video>
<button class='btn'>CLICK</button>
</div>

css

.wrap{width:540px; position:relative;}
.vid{display:block; width:100%;}
.btn{position:absolute; right:14px; top:9px; z-index:5;}

$('.btn').on('click', function(){
    console.log('btn clicked');  // doesn't work
});

1条答案

尝试在事件上呼叫stopPropagation。

$('.btn').on('click', function(event){
    event.stopPropagation();
    console.log('btn clicked');  // doesn't work
});