jquery - setting loses caret position on <pre> element on pressing TAB key -
    i have pre  contenteditable="true"  on webpage , trying make append "\t"  when press <tab> . found other plugins working on <textarea> .   so, problem when append text <pre>  through jquery, loses caret position. sure losing focus it's not. $("pre").focus() , nothing.   i tried blur first not practical cause caret return on different position depending on browser. please... :p,   my code here: http://jsfiddle.net/parisk/kprpj/          try using document.execcommand  instead. here’s demo . in short:   $("pre").keydown(function(e){     if (e.keycode==9) {         e.preventdefault();         document.execcommand('inserthtml', false, '\t');     } });