javascript - jquery 检查文本是否已从输入字段中删除

Question

我正在使用 Bootstrap 提前输入。当用户在表单中输入地址时，会显示一个包含可能地址的下拉列表。当他们选择一个时，我添加一个隐藏的输入字段，其中包含数据库中地址的 ID。

现在，当用户从输入字段中删除文本时，该地址不再有效，因此我想删除该隐藏的输入字段。问题是如何检测用户何时使用删除键或使用鼠标从输入字段中删除文本。

我已经尝试过按键事件，但在使用删除键时不起作用:

var input_changed = false
$('#myid').bind('typeahead:selected', function(obj, datum, name) {
    $.ajax({
        url: "/lead_profiles/populate_address",
        data: {
            address : datum
        }
        // dataType: "script"
    }).done(function(data){
        var contact = JSON.parse(data)[0];
        var $parent = $("#myid").closest(".form-group");
        $parent.after('<input name="lead_profile[contact_attributes][id]" type="hidden" value="' + contact.id + '">')
        input_changed = true
    });
});

$("#myid").on('keypress', function(){
  if(input_changed){
      alert("Input has changed");
  }
})

除了按键之外，我还需要另一个事件来确定文本是否已从输入字段中删除。

Answer 1

您可以使用 oninput 事件:{ 'keyup Paste' 对于不支持它的旧浏览器 }

$("#myid").on('input', function(){
  if(input_changed){
      alert("Input has changed");
  }
});