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