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

的位置

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

1 个答案: