.on（'keyup'，function（）{仅在keyup上触发

Question

我希望这只能在keyup上触发，而不是之前触发。有人可以帮忙吗？

$(function() {
$('#acf-field_5a32085c7df98-field_5a3208f87df99').on('keyup', function() {
    $('#link-headline-fb').text($(this).val());
}).keyup();   
});

它当前在keyup之前显示空文本，但我希望它显示默认的PHP值，除非文本被更改。如果您需要更多，请告诉我。

Answer 1

这是因为您在附加事件侦听器后调用keyup事件。像这样删除.keyup()：

$(function() {
    $('#acf-field_5a32085c7df98-field_5a3208f87df99').on('keyup', function() {
        $('#link-headline-fb').text($(this).val());
    });
});

$(function() {
  $('#acf-field_5a32085c7df98-field_5a3208f87df99').on('keyup', function() {
    $('#link-headline-fb').text($(this).val());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="link-headline-fb">
</div>
<input id="acf-field_5a32085c7df98-field_5a3208f87df99" />

小提琴：https://jsfiddle.net/ryanpcmcquen/dj7yqyec/

作为旁注，我发现$(document).ready(比$(function () {更清晰。后者看起来太像IIFE了。