如何检查用户的文本光标是否在两个字符串之间？

Question

我想检查一下用户的（闪烁的）光标位置是否在文本区域中的两个字符串之间。

处理标签事件是自己的事，我只想知道处理与标签相关的光标位置的方法。

Answer 1

要找到标签内匹配，您可以将文本分成左右两部分，然后在正确的一半中查找正确的打开/关闭标签。 从那里开始，使用相同的一半替换选项卡很简单：

<textarea>blah <code> this is the code </code> and this is not.</textarea>
<script>

function handleKeys(e) {
     var t,n,s,r, pad="    ";

    if (e.shiftKey && e.keyCode == 32) {
            t = this.value,
        n = this.selectionStart,
        s = this.scrollTop,
        r = [t.slice(0, n), t.slice(n)];

        this.value = r.join(pad);
        this.selectionStart = this.selectionEnd = n + pad.length;
        this.scrollTop = s;

        e.preventDefault();
    }
}  



</script>

在代码标签内按制表符将插入制表符。您还应该考虑为只使用键盘来逃避制表符陷阱的人提供一些方法，也许是转义键或其他东西。

编辑：我添加了滚动恢复以修复某些浏览器在插入时将文本区域滚动到顶部的错误。由于这是一个可能触发很多的事件，我还优化了该功能以完全忽略不相关的按键（而不是每次按键都做一些工作）。