Safari-按下箭头键浏览图库时出现错误声音

Question

我的网站上有一个图片库，并且可以使用向左和向右箭头键进行导航。 当按向左或向右箭头键时，Chrome不会发出声音，但Safari会发出声音。 听起来像是错误声音。

我注释掉了移至下一个/上一个图像的代码，声音仍然出现。 这意味着不是因为我的代码而发出声音。 我正在使用jquery来检测按键。

$(document).keyup(function(e) {
  switch(e.which) {
      case 37: // left
        $(".gallery-nav-left").click();
      break;

      case 39: // right
        $(".gallery-nav-right").click();
      break;

      default: return;
  }
});

为什么这仅发生在Safari中？

Answer 1

当您按下箭头时，Safari浏览器似乎发出声音错误，这可能是因为没有水平滚动条。 本机浏览器的操作是在箭头上滚动窗口。 当没有焦点的输入元素时，就会发生这种情况。

在您的情况下，您想防止默认的浏览器行为，但是为此您需要keydown事件，因为keyup是在默认浏览器操作之后调用的，因此您不能使用keyup来阻止它：

$(document).keydown(function(e) { // you need keydown
  switch(e.which) {
      case 37: // left
        $(".gallery-nav-left").click();
      break;

      case 39: // right
        $(".gallery-nav-right").click();
      break;

      default: return;
  }
  return false; // or e.preventDefault() - on document it will be the same
});