在单个或多个文本区域和文本框中使用多个插入符号

Using multiple carets in single or multiple textareas and textboxes

本文关键字:文本 符号 插入 区域 单个      更新时间:2023-09-26

我想我可能已经知道这个问题的答案了,但是

是否可以在一个文本框中有两个插入符号,或者同时集中两个单独的文本框,允许用户对称地键入这两个文本框?

我知道你可以通过添加一个keydown监听器并使它们的值匹配来模拟这一点,但我希望在两个字段中都有可见的插入符号。

如果没有,有人对如何模拟这个有什么想法吗?

Ace编辑器支持多个光标/插入符号,如Sublime Text:

http://ajaxorg.github.io/ace/

Ctrl+在该页面的实时演示中单击(或<kbd]Cmd(?)>>+在OS X上单击)以获取多个光标并键入!

您也可以选择一组代码,并使用Tab来缩进选项卡空间,或者使用Shift+Tab来缩小选项卡空间。

查看@Sly_cardinal的答案,这可以满足您的所有需求,它更像是一个"繁重"的解决方案,但肯定是您获得这样结果的唯一方法。它可以通过一些工作来定制,但它绝对是正确的答案。

+1@Sly_cardinal——这正是我一直在寻找的!


呈现文本区域由用户代理(浏览器)处理,我们可以控制样式、外观,但不幸的是,不能控制功能(无论如何都可以进行多个光标)

Bummer。。这将是惊人

尝试

<html>
<body>
    <input id="edValue" type="text" onKeyPress="edValueKeyPress()" onKeyUp="edValueKeyPress()"><br>
    <span id="lblValue">The text box contains: </span>
        <input id="secvalue" type="text">
</body>
<script>
    function edValueKeyPress()
    {
        var edValue = document.getElementById("edValue");
        var s = edValue.value;
        var lblValue = document.getElementById("secvalue");
        lblValue.value = s;

    }
</script>    
</html>

我想这是您的要求