javascript - 在浏览器中停止键盘主页按钮功能

Question

我想禁用浏览器中的主页按钮事件。我正在尝试这段代码

var blockHome = function (e) {
 if (e.keyCode == 36) {
     e.preventDefault();
     return false;
  }
};

它不工作。

任何有想法的人请帮忙。

Answer 1

Use keydown event and based on the condition, apply e.preventDefault();

var blockHome = function(e) {
  if (e.keyCode == 36) {
    e.preventDefault();
  }
};
document.getElementById('blocked').addEventListener('keydown', blockHome);

<input type="text" id='blocked'>

要防止文档的向上滚动行为，请在文档上附加事件

var blockHome = function(e) {
  if (e.keyCode == 36) {
    e.preventDefault();
  }
};
document.addEventListener('keydown', blockHome);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>