javascript - 谷歌浏览器取消上下箭头事件

Question

我正在为一个网站制作一个 AutoSuggest 小部件，它的工作方式是当用户在输入文本框中输入内容时，会显示带有建议的 div，并且用户可以通过鼠标或上下箭头浏览它.每个词都是单独建议的(不像谷歌那样建议它在整个短语中的位置。

我在使用 Google Chrome 输入框时遇到问题，因为当我按下向上或向下箭头时，浏览器会出现默认行为 - 使用插入符号跳转到文本框的末尾或开头(就像使用主页或结束按钮一样) .在 Firefox 或 Internet Explorer 上没有这种效果。我怎样才能禁用此效果？

我从事件处理程序函数返回“false”，并且还使用了来自此处 http://www.javascripter.net/faq/canceleventbubbling.htm 的函数但 carret 仍然在 Chrome 上跳跃......

编辑:在 Safari 上同样的效果...

Answer 1

您是否尝试过阻止默认行为？

window.addEventListener('keydown', function(e) {
  e.preventDefault();
  ...
}, false);