javascript - 为什么我不能输入输入而不是按下按钮？

Question

我有一个 HTML 输入文本框，我希望当我在特定输入上按 ENTER 时，它会执行一个功能：

<input type="text" placeholder="English" id="englinput" onkeypress="enterEvent()">

我的 javascript 代码应该如何执行如下操作：

function enterEvent() {   
   document.getElementById('btnport').style.visibility = 'visible'; 
   document.getElementById('btnstart').style.visibility = 'hidden';
} 

标签： javascripthtmlcss

Answer 1

onkeypress正在传递一个事件对象，您可能必须使用event.preventDefault().

function enterEvent(event) {
   event.preventDefault()  
   document.getElementById('btnport').style.visibility = 'visible'; 
   document.getElementById('btnstart').style.visibility = 'hidden';
} 

您可以使用if (event.which === 13 || event.keyCode === 13)inside 为 ENTER 键添加自定义操作。