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

Question

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

所以我设置了带有 nowrap 和 overflow hidden 的 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;
      }
 });
 })