输入输入时检查 INSERT 模式是否打开

Question

我正在尝试计算各种事件的输入字段的值，而不管捕获的事件如何。

我正在考虑keypress keyup keydown cut paste 事件（我忘记了什么吗？）。

我正在尝试确定文本输入 INSERT 模式是开启（默认 - 开启）还是关闭。我无法通过捕获该键的键事件来确定模式，尽管我不知道初始状态是什么。

有人知道方法吗？最好是跨浏览器解决方案，包括 IE8+、Chrome 和 Firefox。

任何可以帮助我的解决方案，或者用 Barney Stinson 的话来说，“骗局、骗局、骗局、欺骗、开局、骗局、计谋和欺骗”都将不胜感激。

Answer 1

仅适用于 IE：

document.queryCommandValue("OverWrite");

据我所知，Firefox 和 Chrome 没有覆盖模式。插入键在这些浏览器中不起作用，它们始终处于插入模式。

此外，Mac 键盘从一开始就没有 insert 键。因此 Safari 也始终处于 插入模式。

Answer 2

虽然我不认为您可以直接访问用户Insert 状态的状态，但您可以弄清楚用户在编辑字段时字符串的长度。

考虑一下，用一个简单的<input id="input" />：

var i = document.getElementById('input');

document.onkeydown = function(e) {
    var c = String.fromCharCode(event.keyCode);

    if(null !== c.match(/\w/)) {
        l = i.value.length;
    }
}

document.onkeyup = function(e) {
    var c = String.fromCharCode(event.keyCode);

    if(null !== c.match(/\w/)) {
        if(l === i.value.length) {
            console.log("Keyboard insert might be off - length hasn't changed");
        }
    }
}

请注意，有一个基本检查可以尝试隔离仅字母和数字（使用match 与keyCode（借用from here），因为您不想这样做例如，检查是否按下了 shift 键。

此处为基本 POC：http://jsfiddle.net/Xp3Jh/

我确信您可以进行更深入的检查，但希望这会有所帮助！