Question

我在网页上使用mediaelement播放器。

一旦视频开始播放，焦点就在于mediaelement播放器，而不在页面上。因此我无法滚动。我必须在播放器外部点击才能滚动。

在jquery / html中是否有办法将焦点转移到页面而不是页面内的元素上？

这可能是创建问题的代码。请帮我翻看这段代码。我没有这个代码。它来自我使用的其他库。

buildkeyboard: function(player, controls, layers, media) {

  var t = this;

  // listen for key presses
  $(document).keydown(function(e) {
    if (player.hasFocus && player.options.enableKeyboard) {
      // find a matching key
      for (var i=0, il=player.options.keyActions.length; i<il; i++) {
        var keyAction = player.options.keyActions[i];

        for (var j=0, jl=keyAction.keys.length; j<jl; j++) {
          if (e.keyCode == keyAction.keys[j]) {
            e.preventDefault();
            keyAction.action(player, media, e.keyCode);
            return false;
          }
        }
      }
    }

    return true;
  });

  // check if someone clicked outside a player region, then kill its focus
  $(document).click(function(event) {
    if ($(event.target).closest('.mejs-container').length == 0) {
      player.hasFocus = false;
    }
  });
},

我可以在我的代码中覆盖这些侦听器吗？

Answer 1

尝试使用window.focus()将焦点设置回包含页面。

专注于页面而不是元素

1 个答案: