How to implement "floating" input text in javascript as in MS Office 2013?

Question

JavaScript

I'll make a reservation right away:
- I don't require code here
- I just need expert judgment and advice.
I'm looking for a solution on how to implement smooth text input and carriage response (? I don't know the name of the blinking character following the text). So that the solution is sufficiently productive (not redrawn a million times) and cross-browser (IE8+). This is generally possible, but so that functionality is not lost (selection and copying of text, working with text through third extensions on the site like WYSIWYG).
Is this even possible in the context of standard native methods (and forms)? At least for modern browsers?

Answer 1

You can set the div's editability property and wrap the last input character in a span with a script-adjustable width.

Answer 2

floating is how? delayed output?