javascript - onpropertychange 检测用户操作

Question

要检测文本框中的更改，我必须在 IE 中使用“onpropertychange”(其他版本为“oninput”)“onpropertychange”的行为与“oninput”非常相似，但它也是由非用户行为触发的。有没有办法确定“onpropertychange”是否由用户操作触发(如下所列)

• 键盘输入
• 剪切
• 删除
• 粘贴
• 从下拉提示框中选择

Answer 1

没有。最好的选择是使用包装函数来更改文本框的值。

[编辑:可以在 IE 8 及更高版本中使用 getter 和 setter 来完成此操作。请参阅@AndyE 的评论]

现场演示(仅限 IE):http://jsfiddle.net/4C6KL/

代码:

var textBox = document.getElementById("foo");
var changingValue = false;

textBox.onpropertychange = function() {
    if (window.event.propertyName == "value" && !changingValue) {
        // Do stuff here
    }
};

function setTextBoxValue(val) {
    changingValue = true;
    textBox.value = val;
    changingValue = false;
}