同时在两个文本框上显示光标

Show cursor on two text box at same time

本文关键字：文本 显示 光标 两个      更新时间：2023-09-26

我有两个文本框，比如

<input type="text" id="left" />
<input type="text" id="right" />

是否可以同时聚焦这两个文本框？我不知道怎么可能。我需要同时在这两个文本框中显示光标。如果我向左聚焦，向右就会失去焦点。

注意：我正在尝试创建一个并排的web应用程序。在一个网页上显示两个相同的视图

我知道如何显示相同的值，我需要显示光标在两个输入上闪烁

试着做这样的事情。。。每次左输入改变时，右输入的值也会改变。

$("#left").on("input",function() {
  $("#right").val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="left" />
<input type="text" id="right" />

如果您想克隆您的输入，只需添加oninput属性即可，如：

<input type="text" id="left" name="left" oninput="right.value = left.value; return true;" />
<input type="text" id="right" name="right" oninput="left.value = right.value; return true;" />

不需要jQuery。按照你想要的方式定制。这里有一把小提琴：

<input type="text" id="left" name="left" oninput="right.value = left.value; return true;" />
<input type="text" id="right" name="right" oninput="left.value = right.value; return true;" />

你不能，你真的不应该。。。这就像让你边看电视边看书

然而，在多用户&多点触控操作系统机器。也就是说，同一台机器上的两个用户可以在同一个表面上同时执行两项不同的任务。但这是军事。甚至一个用户一次只能有一个输入焦点。

您不能同时聚焦，但您可以使用jQuery或AngularJS使其像在一个文本框中同时写入并绑定到另一个文本盒中。

我找到了http://codepen.io/keilin/pen/lCkap用于css。

并添加：

$("#left").on('keydown change', function(e) {
        $("#right").val($(this).val());
        console.log($("#right").val());
        $overlay.text($(this).val());
        var offset = $cursor.offset();
        var inputLeft = $(_this).offset().left;
        offset.left = Math.min($overlay.outerWidth(), $(_this).innerWidth() - 4);
        offset.left = inputLeft + Math.max(offset.left, 0);
        $cursor.offset(offset);
 });

如果我理解正确，你想要这样的东西：https://jsfiddle.net/8csab3t1/1/

ps：这只是一个例子。请用两个字符核对。

相关文章：