onkeypress 事件与 Enter 键

onkeypress 事件在用户按下某个键时触发，可以用来监听用户在页面上的键盘输入。其中，当用户按下 Enter 键时，我们也可以通过 onkeypress 事件来处理它。

示例代码

下面是一个简单的示例代码：

document.addEventListener('DOMContentLoaded', function() {
  var input = document.querySelector('#myInput');
  input.addEventListener('keypress', function(event) {
    if (event.key === 'Enter') {
      // 处理 Enter 键按下事件
    }
  });
});

在上面的代码中，我们先使用 document.querySelector 获取 HTML 中 id 为 myInput 的文本输入框。然后，我们监听它的 keypress 事件。当事件被触发时，我们查看 event 对象的 key 属性是否等于 'Enter'，如果是，则处理相应的逻辑。

兼容性

需要注意的是，老的浏览器可能不支持 event.key 属性。为了兼容老的浏览器，我们可以使用 event.keyCode 属性，它等于按下键的 ASCII 码值。比如，Enter 键的 ASCII 码值是 13。

下面是一个支持老的浏览器的代码示例：

document.addEventListener('DOMContentLoaded', function() {
  var input = document.querySelector('#myInput');
  input.addEventListener('keypress', function(event) {
    if (event.which === 13 || event.keyCode === 13) {
      // 处理 Enter 键按下事件
    }
  });
});

总结

通过 onkeypress 事件可以监听用户在页面上的键盘输入。当用户按下 Enter 键时，我们可以通过判断 event 对象的 key 属性或 keyCode 属性来处理相应的逻辑。需要注意的是，不同的浏览器对 event 对象的支持有所不同，我们需要针对不同的情况作出相应的适配。