javascript - 选择预填充值时触发 Jquery 文本更改

Question

我正在将名字复制到姓氏字段中。这对于页面上的新名称非常有效。但是，输入几个名称后，浏览器会显示名称的历史记录，如果有任何预填充的名称或选择的旧名称，则不会触发此功能。如何将姓氏更新为名字已更改为的内容？

  $(document).ready(function() {
        $("#FName").change(function() {
        $("#LName").val($(this).val());
    });

(例如，当您第三次输入 J 时以 John、Jack 开头，它会显示 John 和 Jack 作为可用名称。选择预填充值时不会触发 Jquery 更改)

FF 上存在一个错误:https://bugzilla.mozilla.org/show_bug.cgi?id=87943

Answer 1

在这种情况下不要依赖 change 事件，更喜欢 input 事件。因为只有当焦点从特定文本框模糊时才会触发更改事件。

$(document).ready(function() {
    $("#FName").on('input',function() {
      $("#LName").val(this.value);
    });
});