仅捕获改变输入的按键？

Question

当按键改变文本框的输入时,我想做某事.我认为keypress事件最适合这个,但我怎么知道它是否引起了变化？我需要过滤掉像箭头键或修饰符这样的东西...我不认为硬编码所有值是最好的方法.

那我该怎么办呢？

Answer 1

在大多数浏览器中,您可以将HTML5 input事件用于文本类型<input>元素:

$("#testbox").on("input", function() {
    alert("Value changed!");
});

这在IE <9中不起作用,但有一个解决方法:propertychange事件.

$("#testbox").on("propertychange", function(e) {
    if (e.originalEvent.propertyName == "value") {
        alert("Value changed!");
    }
});

IE 9支持两者,因此在该浏览器中,最好选择基于标准的input事件.这样可方便地触发第一,所以我们可以删除处理程序propertychange第一次input火灾.

把它们放在一起(jsFiddle):

var propertyChangeUnbound = false;
$("#testbox").on("propertychange", function(e) {
    if (e.originalEvent.propertyName == "value") {
        alert("Value changed!");
    }
});

$("#testbox").on("input", function() {
    if (!propertyChangeUnbound) {
        $("#testbox").unbind("propertychange");
        propertyChangeUnbound = true;
    }
    alert("Value changed!");
});

Answer 2

.change()就是你所追求的

$("#testbox").keyup(function() {
   $(this).blur();
   $(this).focus(); 
   $(this).val($(this).val()); // fix for IE putting cursor at beginning of input on focus
}).change(function() {
   alert("change fired");
});