jquery - 在 IE 中的占位符上触发 jQuery 输入事件

Question

我有一个input绑定了事件的输入字段（通过 jQuery）。每次输入值更改时都应触发此事件。我添加了一个占位符来告诉用户这个输入字段的用途。

如果用户单击此输入字段，则input不应触发该事件（该值实际上没有改变；只是占位符消失了）。它在 Firefox 或 Chrome 中运行良好，但在 IE 中则不行。

我怎样才能避免这种行为？

为了更好地理解我在jsfiddler上的问题

Answer 1

防止该问题的一种方法是存储字段的旧值并在执行要在处理程序中执行的实际功能input之前对其进行检查。这就是我在我的一个应用程序中修复它的方式。

例如：

$(document).ready(function () {
    var $input = $("#input");
    var $msg = $("#msg");
    var old_value = $input.val();
    $input.on("input", function () {
        var new_value = $input.val();
        if (new_value !== old_value) {
            // The actual work we want to perform when the field *really* changes.
            $msg.text(new_value.length);
            old_value = new_value;
        }
    });
});

这可以防止在字段未更改时执行操作。

Answer 2

尝试将此添加到输入事件：

if($(this).val() == $(this).get(0).defaultValue) return;