Javascript 阻止浏览器（Chrome）运行默认功能，如使用空格滚动

我在这里使用了两个函数，第一个用于阻止默认功能，如空格键滚动等

<span id="current"></span>

$("html").on("keydown", function (e) {
  {
        e.preventDefault();
  }
});
document.onkeypress = function(evt) 
{
     evt = evt || window.event;
    var charCode = evt.keyCode || evt.which;
    document.getElementById("current").innerHTML=charCode;
};

它对firfox和chrome都有效

---

但我的函数（evt）非常长，包含许多if-else循环，如果我连续按双空格键或空格键，它就会向下滚动，因此我需要任何替代解决方案，其中我可以使用两个函数，一个用于阻塞，另一个用于输出，它也可以在chrome中工作。

如何将这两个函数合并为一个：

$(document).on("keydown", function (evt) {
  {
    evt.preventDefault();
    evt = evt || window.event;
    var charCode = evt.keyCode || evt.which;
    document.getElementById("current").innerHTML=charCode;
  }
});

---

将这两个功能合并为一个如何：

$(document).on("keydown", function (evt) {
  {
    evt.preventDefault();
    evt = evt || window.event;
    var charCode = evt.keyCode || evt.which;
    document.getElementById("current").innerHTML=charCode;
  }
});

---

击败浏览器的内置功能通常是一个令人沮丧且耗时的过程。人们也很少欣赏您禁用部分用户界面。这就是我注意到的。我正在创建一个打字学习网站，这样它需要在打字时阻止空格键滚动查看textarea标签：但我必须将其设置为在Div中打字我认为大多数人都关注textarea，但随后将其隐藏在屏幕外，并监听是否有任何更改，以显示在div中键入内容的样子。要破坏浏览器的内置功能，通常是一个令人沮丧且耗时的过程。人们也很少欣赏您禁用部分用户界面。这就是我注意到的。我正在创建一个打字学习网站，这样它需要在打字时阻止空格键滚动查看textarea标签：但我必须将其设置为在div中打字。我想大多数人都会关注textarea，但随后将其隐藏在屏幕外，并监听任何更改，以显示在div中打字的外观。

 function (x) {
  {
    x = window.event;
    var cc = evt.keyCode ;
    $('#current').html=cc;
    x.preventDefault();
    return false;
  }
});