div 捕获 keydown 事件
在做视频快进和快退的功能时,需要让 <div>
捕获keydown
事件,做法很简单
期望 div
捕获 keydown
事件需要增加 tabindex
属性
下列代码是视频捕获左右方向键,实现快进和快退的功能的代码
<div class="live__player" tabindex="0">
<video id='live'></video>
</div>
$('body').on('keydown', '.live__player', function(event) {
let videoElement = $('#live');
if(event.keyCode == '37'){ //左方向键
videoElement[0].currentTime -= 5;
}else if(event.keyCode == '39'){ //右方向键
videoElement[0].currentTime += 5;
}
});
Comments