Jquery-如何使用TAB或ENTER键从TABLE TD更改

Question

我有一个Jquery代码，它将编辑一个表单元格，因此我可以输入一个值。按下TAB键或单击另一个表格TD即可终止操作。

我需要添加ENTER键，以便可以终止操作。

我的代码：

$(function(){
    var message_status = $("#status");
    $("td[contenteditable=true]").blur(function(){
        console.log("You have pressed TAB key or clicked on another TD");
    });
});
<table class="tg">
  <tbody>
      <tr>
        <td contenteditable="true"></td>
        <td  contenteditable="true"></td>
      </tr>  
  </tbody>
</table>

Answer 1

其中一种方法也可以是监听按键，当你在单元格中对焦时点击回车键（键代码13），你会触发模糊功能。

$("td[contenteditable=true]").on("keypress", function (e) {
    if (e.keyCode == 13)
        $(this).trigger("blur");
}).blur(function(){
    ...