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

时间:2013-07-11 11:49:54

标签: javascript jquery html html5 forms

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

是否可以在单个文本框中放置两个插入符号,或者同时聚焦两个单独的文本框,允许用户同时键入两个插入符号?

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

如果没有,有没有人对如何模拟这个有任何想法?

3 个答案:

答案 0 :(得分:11)

Ace编辑器支持多种游标/插入符号,例如Sublime Text:

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

Ctrl + 在实时演示中单击(或 Cmd(⌘) + 在OS X上单击)在该页面上获取多个游标并输入!

您还可以选择一堆代码并使用 Tab 缩进标签空间,或者 Shift + Tab 以突出显示标签空间

答案 1 :(得分:2)

查看@Sly_cardinal答案,这可以满足你所需的一切,它更像是一个“沉重”的解决方案,但肯定是你得到这样的东西的唯一方法。它可以通过一些工作进行定制,但绝对是正确答案。

+1 @Sly_cardinal - 正是我一直在寻找的东西!


渲染文本区域由用户代理(浏览器)处理,我们可以控制样式,外观和感觉,但遗憾的是不是功能(无论如何能够执行多个游标)

Bummer ..这将是惊人的!

答案 2 :(得分:0)

尝试

<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>

我想这是你的要求