Inserimento di testo al cursore in un'area di testo, con Javascript

Question

Ho dato un'occhiata al Web per trovare soluzioni, e ce ne sono alcune, ma sembrano tutte dividere il codice in supporto di IE e Firefox. Mi stavo chiedendo se c'è un modo più elegante che funzionerebbe su ogni browser, per inserire del testo sul cursore in una textarea.

Grazie molto,

Rich

Answer 1

implementano entrambi: il codice che supporta FF e il codice supporing IE. È possibile utilizzare Framework per scrivere codice per entrambi i browser. Che il Framework farà il lavoro di dividere le differenze tra i browser.

È triste, ma i browser non sono compatibili al 100%!

Answer 2

No, non c'è. IE ha gli oggetti TextRange per fare il lavoro. IE> = 9 e tutto il resto dell'ultimo periodo di tempo ha le proprietà selectionStart e selectionEnd su testo e input di testo. Questo compito particolare, non è male: il seguente sarà eliminare la selezione corrente (se ne esiste uno), inserire il testo al punto di inserimento e riposizionare il cursore immediatamente dopo il testo inserito, in tutti i principali browser:

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