포커스를 잃지 않고 자동으로 변경 내용을 표시합니다.

현재 % 변경을 표시하려면 클릭해야하는 div가 두 개인 있습니다. 상자를 클릭하지 않고 % 변경을 표시하도록 코드를 조정할 수있는 방법이 있습니까?포커스를 잃지 않고 자동으로 변경 내용을 표시합니다.

코드 :

$(document).ready(function() { 
    $('.originalData').change(function() { 
     $('.changedData').val($(this).val()); 
     $('.percentage').text('0%'); 

    }); 
    $('.changedData').change(function() { 
     var changedData = $(this).val().length; 
     var originalData = $('.originalData').val().length; 

     var percentageOfChange = changedData/originalData * 100 - 100 
     $('.percentage').text(percentageOfChange.toFixed(2) + '%'); 
    }); 
}); 

<div class="content"> 
<p>Original:</p> 
<textarea class='originalData'></textarea> 
<p>Changed:</p> 
<textarea class='changedData'></textarea> 
<div class='percentage'></div>

출처

2013-03-11 Jess McKenzie

뿐만 아니라 관련 HTML을 보여주십시오 사용할 수 있습니다. – JJJ

@Juhana done :) –

업데이트는 .change를 사용 .keyup

출처

2013-03-11 22:02:49

마우스로 콘텐츠를 붙여 넣으면 작동하나요? –

나는 그렇지 않다고 생각하지 않습니다. 나는 당신의 질문 후에 [http : //jsfiddle.net/urEhK/59/] 붙여 넣기 한 내용을 제공하는 것처럼 보이지만, 모든 브라우저에서 'propertychange'이벤트가 구현되지는 않았지만 온라인으로 한 번 보았습니다. ... –

음, 작동하는 것 같습니다. –

포커스를 잃지 않고 자동으로 변경 내용을 표시합니다.

답변

관련 문제