Einfügen von Text an den Cursor in einem Textfeld, mit Javascript

Question

Ich habe im Internet nach Lösungen gesucht, und es gibt einige, aber sie alle scheinen Code in unterstützende IE und Firefox zu teilen. Ich habe mich gefragt, ob es einen eleganteren Weg gibt, der bei jedem Browser funktioniert, um Text in den Cursor einzufügen.

Vielen Dank,

Rich-

Answer 1

implementieren beide: den Code, den FF und den Kodex supporing den IE unterstützt. Sie können Frameworks verwenden, um Code für beide Browser zu schreiben. Als das Framework wird die Arbeit der Aufspaltung der Unterschiede zwischen den Browsern tun.

Es ist traurig, aber Browser sind nicht 100% kompatibel!

Answer 2

Nein, gibt es nicht. IE hat seine TextRange Objekte, um die Aufgabe zu erledigen. IE> = 9 und alles andere für die letzte lange Zeit hat selectionStart und selectionEnd Eigenschaften auf Textareas und Texteingaben. Diese besondere Aufgabe ist es nicht so schlecht: Im Folgenden wird die aktuelle Auswahl löschen (falls vorhanden), Einfügen von Text an der Caret und neu zu positionieren die Einfügemarke unmittelbar nach dem Text eingefügt, in allen gängigen Browsern:

function insertTextAtCursor(el, text) { 
    var val = el.value, endIndex, range; 
    if (typeof el.selectionStart != "undefined" && typeof el.selectionEnd != "undefined") { 
     endIndex = el.selectionEnd; 
     el.value = val.slice(0, el.selectionStart) + text + val.slice(endIndex); 
     el.selectionStart = el.selectionEnd = endIndex + text.length; 
    } else if (typeof document.selection != "undefined" && typeof document.selection.createRange != "undefined") { 
     el.focus(); 
     range = document.selection.createRange(); 
     range.collapse(false); 
     range.text = text; 
     range.select(); 
    } 
}