jquery - フォーカスを失わずに変更を自動的に表示

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