javascript - 如何在 contenteditable div 中使用 PreventDefault？

Question

This is an example on CodePen.

无论如何，这是代码:

HTML:

<div contenteditable="true" id="mydiv"></div>

jQuery:

$(function () {
  $("#mydiv").keydown(function (evt) {
    if (evt.which == 13) {
      evt.preventDefault();
      alert('event fired');  
    }
  });
});

为什么 evt.preventDefault() 方法不起作用？

Answer 1

preventDefault 调用只是阻止默认事件处理程序运行。如果您想跳过 evt.preventDefault() 之后的任何代码，请在其后面添加 return false。

$(function () {
    $("#mydiv").keydown(function (evt) {
        if (evt.which == 13) {
            return false; // <-- now event doesn't bubble up and alert doesn't run
            alert('event fired');  
        }
    });
});

此外，正如squint提到的，您可以使用stopPropagation和preventDefault来达到相同的效果。