javascript - .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" />

fiddle :https://jsfiddle.net/ryanpcmcquen/dj7yqyec/

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