检测自定义功能的“输入键”按下

Question

我想检测用户何时使用 Entry。我想要这个，因为我想要自定义按键所做的操作。关键是在我的桌子上添加一个新行。可以加我吗？

谢谢。

编辑：

此解决方案不起作用。我尝试了所有答案和任何解决方案......：

<script type="text/javascript">
        function stopEntryKey(evt) {
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
                if ((evt.keyCode == 13) && (node.type == "text")) { 
                    return false;
                    $("tbody").html("<tr><td>Item1-col1</td><td>Item1-col2</td></tr>"); // Ajoute une ligne
                }
        }
        document.onkeypress = stopEnterKey;
    </script>

编辑 2：

$(document).ready(function() {
$(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});

此代码有效。在这里找到：Prevent users from submitting a form by hitting Enter

现在，当用户按下 Entry 键时，我会搜索添加一行。谁知道怎么做？

Answer 1

您需要添加按键事件侦听器来检测按键。您可以使用 javascript .addEventListener() 或 jquery .keydown() 添加 keydown 事件监听器。然后你应该检查是否按下了 Enter，运行你的目标代码。

// Javascript
document.addEventListener("keydown", function(){
    if (event.keyCode == '13') {
        alert();
    }
});
// Javascript shortcut
document.onkeydown = function() {   
    if (event.keyCode == "13") {
        alert();
    }
} 
// JQuery
$(document).keydown(function() {   
    if (event.keyCode == '13') {
        alert();
    }
}); 

window.onkeydown = function() {   
    if (event.keyCode == '13') {
      alert("Enter key pressed");
    }
} 

Answer 2

假设 HTML 如下

<table>
     <thead>
        <tr>
          <th>Col1</th>
          <th>Col2</th>
        </tr>
     </thead>

     <tbody>
     </tbody>
</table> 

现在是 JS：

$(document).keydown(function() {   
   if (event.keyCode == '13') {
       $("tbody").html("<tr><td>Item1-col1</td><td>Item1-col2</td></tr>";  //this 'll add row in the table
    }
}); 

Answer 3

试试这个：

document.onkeydown = function(e) {   
  //something code
  //for something specific key:
  if (e.keyCode == 'someting_code_key') {
    // action
  }
} 

key code list