Автоматическое отображение изменений без потери фокуса

Question

В настоящее время у меня есть 2 divs, которые я должен щелкнуть, чтобы показать изменения%. Есть ли способ, которым я могу настроить код, чтобы показать изменение% без щелчка?

Код:

$(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> 

Answer 1

Update, где вы используете .change использовать .keyup