저는 Jquery에 매우 익숙하며 컨텐츠 편집 가능 div에서 keydown 이벤트가 복제되지 않는 이유를 해결하려고합니다. 클론 (사실)을 발견했을 때 문제를 해결했다고 생각했지만 코드가 작동하지 않습니다. 아래의 코드는 내가 성취하고자하는 것을 단순화 한 것입니다.복제 된 컨텐츠 편집 가능한 div 유지되지 않는 keydown 이벤트
기본적으로 콘텐츠 편집 가능한 div에 keydown 이벤트를 첨부하고 복제하고 있습니다. 그러나 복제 div 원래 div처럼 작동하지 않습니다.
나는 지금까지 좋은 해결책을 찾고 있었고, 누군가가 나에게 답을 줄 수 있기를 바랬다. 이안을 지적
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>untitled</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var mymax1 = 10;
$('#List_1').keydown(function(e){ check_charcount(mymax1, e); });
function check_charcount(mymax1, e)
{
<!--prevent line breaks, that is the enter key from working-->
if(e.keyCode==13){
e.preventDefault();
}
if(e.which != 8 && $('#List_1').text().length > mymax1{
$("#List_1").css("background-color","yellow");
e.preventDefault();
}
}
<!---->
var $cloned = $('#hope').clone(true);
$('#placeHere').append($cloned.html());
});
</script>
</head>
<body>
<div id="hope">
<div id="List_1" contentEditable="true">TEXT</div>
</div>
</br>
<div id="placeHere"></div>
</body>
</html>
가에 대한 jQuery를 문서에서보세요 : 작업 코드를 참조하십시오 note :'주의 : .clone()을 사용하면 고유 한 것으로 생각되는 중복 된 id 속성을 가진 요소를 생성하는 부작용이 있습니다. 가능한 경우,이 속성을 가진 요소를 복제하거나 클래스 속성을 식별자로 사용하지 않는 것이 좋습니다. " – Nope