Show cursor on two text box at same time

Question

I have two text boxes like,

Is it possible to focus th

Answer 1

If you want to clone your input, you can simply do this by adding an oninput attribute like:

<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;" />

No jQuery needed. Customize it the way you want it. Here's a fiddle:

<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;" />

Answer 2

You can't, and you really shouldn't... That's like asking you to read a book while watching TV.

However, that sort of thing, might be possible on multi-user & multi-touch OS machines. That is, two users on the same machine can work two different tasks simultaneously on the same surface. But that's military. And even than, one user, can only have one input focus at a time.

Answer 3

I found http://codepen.io/keilin/pen/lCkap for css.

And added:

$("#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);
 });

If i understand correctly, you want something this: https://jsfiddle.net/8csab3t1/1/

ps: It's just an example. Please check with two chars.

Answer 4

you can't focus same time, but you make it like you write in one textbox same time bind it in other textbox using jQuery or AngularJS.

Answer 5

Try doing something like this...Every time the left input is changed the right one's value is change too.

$("#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" />