如何在contenteditable divs中使用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'); 
     } 
    }); 
}); 

此外，由斜視提到的，你可以使用stopPropagation和preventDefault來達到同樣的效果。