自動顯示更改而不會丟失焦點

Question

我目前有2個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> 

Answer 1

更新在您使用.change使用.keyup