jquery - 自动显示更改而不会失去焦点

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

最佳答案

更新使用.change的位置以使用.keyup