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'); 
     } 
    }); 
}); 

또한, 동일한 효과를 얻을 수 stopPropagation 및 preventDefault를 사용할 수 있습니다.