javascript - Jquery keyup 不检测 javascript 的内容更改

Question

我有这段代码，它将我的输入字段的内容放入预览 div 区域：

JS

function fieldPreview() {
$('.input').on('keyup', function() {
    $('#' + $(this).data('id')).html(this.value);
});
}

HTML

<input class="input" type="text" name="title" placeholder="Job Title" data-id="title">
<div id="title"></div>

我的问题来自这样一个事实，即我的两个输入字段有点复杂。一个字段使用谷歌地图自动建议。当我单击自动建议链接时，它会更新文本字段，但不会更新 div 中的预览，直到我通过添加或删除另一个字母来手动修改输入。

jquery 中是否有更好的方法来监视输入字段中的更改？这将允许我将字段的内容放入 div 中，即使它是由 javascript 而不是 keyup 放在那里的。

这是一个 jquery 清除输入字段内容但未反映在 DIV 中的示例：http: //jsfiddle.net/xDA9p/5/

score 1 · Accepted Answer

使用change paste keyup input事件。

$('.input').on('change paste keyup input', function() {
  $('#' + $(this).data('id')).html(this.value);
});

1 回答 1