javascript - 附加事件以清除 IE10 文本框中的图标

Question

在 IE10 中，文本框中会出现一个小 X 图标以清除输入文本。如何将事件附加到该操作(=单击该 X 并清除输入)？

Answer 1

这似乎没有一个确切的事件(onchange 不合适)。但是，您可以使用 oninput 并检查 input 的值是否为空:

document.getElementById('input_ID').addEventListener('input', function () {
    if (this.value === '') {
        alert('No value');
    }
}, false);

如果用户使用BACKSPACE 或DELETE 清除input，或者将内容剪切到剪贴板，也会触发此事件。 oninput 至少在 Chrome、FF、IE10 和 Opera 中有效。