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>

我的问题来自于我的两个输入字段稍微复杂一些。一个字段使用谷歌地图autosuggest。当我点击自动提示链接时，它会更新文本字段，但不会更新div中的预览，直到我通过添加或删除另一个字母来手动修改输入。

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

以下是jquery清除输入字段内容的示例，但它没有反映在DIV中：http://jsfiddle.net/xDA9p/5/

Answer 1

使用change paste keyup input个活动。

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