编辑ContentEditable元素中的文本后按enter键执行功能

Question

我有一个设置为ContentEditable = "true“的h1元素。在该元素中，我希望将文本限制为一行，并在按下第一个enter键后将焦点设置到页面的另一个元素。

所以我设置了隐藏了nowrap和overflow的css，它在视觉上将css限制为一行。现在按回车键，我想设置焦点，所以我开始使用以下基本的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;
      }
 });
 })