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

Javascript 同时在两个文本框上显示光标,javascript,jquery,html,Javascript,Jquery,Html,我有两个文本框 <input type="text" id="left" /> <input type="text" id="right" /> 是否可以同时聚焦这两个文本框? 我不知道怎么可能。我需要同时在这两个文本框中显示光标。 如果我聚焦于左,右就会失去焦点 注意:我正在尝试创建一个并排的web应用程序。在单个网页上显示两个相同的视图。 我知道如何显示相同的值,我需要在两个输入上显示光标闪烁。您不能同时对焦,但是,您可以使用jQuery或AngularJS在一

我有两个文本框

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

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

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


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

您不能同时对焦,但是,您可以使用jQuery或AngularJS在一个文本框中编写,同时将其绑定到另一个文本框中。

尝试这样做……每次更改左侧输入时,右侧输入的值也会更改

$(“#左”)。在(“输入”,函数(){
$(“#右”).val($(this.val());
});

如果要克隆输入,只需添加一个
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。根据您的需要进行定制。这是一把小提琴:


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

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

我为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);
 });
如果我理解正确,你想要这样的东西:


附言:这只是一个例子。请用两个字符检查。

不,您不能。一次只能有一个输入具有焦点。在此之后,如果您键入任何内容,则这两个输入都将具有焦点。你们为什么不把对方绑起来呢。?一旦改变,左影响变为右影响,反之亦然。@Rishi我正在创建一个并排设计。显示克隆两个视图是否可以使用css或类似的东西显示假光标?@JulienD我想他指的是文本光标,而不是鼠标指针。您可以不用jQuery或AngularJS(或敲除或反应或其他任何东西)来完成此操作。。。这可能需要更多的工作。我知道如何显示相同的值,我需要在两个输入上显示光标闪烁。我知道如何显示相同的值,我需要在两个输入上显示光标闪烁。