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

时间:2014-10-01 11:33:42

标签: javascript jquery keypress blur

我有一个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>

1 个答案:

答案 0 :(得分:0)

其中一种方式也可能是按键按键,当你在单元格中聚焦时按Enter(键代码13)时,你将触发模糊功能。

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