在ContentEditable元素中编辑文本后按Enter键执行功能

Question

我有一个我设置为ContentEditable =“true”的h1元素。在该元素中，我想将文本限制为仅一行，并在按下第一个输入后将焦点设置为页面的另一个元素。

所以我设置了带有nowrap和overflow隐藏的css，它在视觉上将css限制为一行。现在按Enter键，我想设置焦点，所以我开始使用以下基本jquery来检测按下输入，但是警报不起作用？

$(document).ready(function() {
 $('.edit').keypress(function(e) {
     if(e.which == 13) {
    alert('You pressed enter!');
}
 });
 })

Answer 1

使用keydown jsfiddle

$(document).ready(function() {
 $('.edit').keydown(function(e) {
     if(e.which == 13) {
        $(this).blur().next().focus();
        return false;
      }
 });
 })