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
Write a Comment