Yocker
  1. Yocker
  3. Come ottenere la posizione della colonna di caret (non i pixel) in una textarea, in caratteri, dall’inizio?
Intereting Posts
Test dell’unità angular del router ui (indica agli url) Chiamando printf in x86_64 usando l’assemblatore GNU Come utilizzare ROW_NUMBER in sqlite Breve spiegazione di Async / Await in .Net 4.5 HTML5 localStorage security log4net – Gli allegati non funzionano in IIS7.5 Pacchetto agilità HTML: rimozione di tag indesiderati senza rimuovere il contenuto? Come ottenere l’handle della finestra principale dall’ID di processo? Deoptimizzazione di un programma per la pipeline nelle CPU Intel Sandybridge-family Gli helper del percorso generano percorsi con punti anziché barre Il modo più veloce per aggiungere un nuovo nodo alla fine di un xml? File I / O in un modulo del kernel di Linux I metodi predefiniti di Java 8 come tratti: sicuro? Funziona con argomenti const e overload Le espressioni regolari di Java e C # sono compatibili?

Come ottenere la posizione della colonna di caret (non i pixel) in una textarea, in caratteri, dall’inizio?

Come si ottiene la posizione del punto di inserimento in una o di testo .

Si noti che l’area di testo deve avere lo stato attivo affinché questa funzione funzioni correttamente in IE. In caso di dubbio, prima chiama il metodo focus() della textarea. 

 function getInputSelection(el) { var start = 0, end = 0, normalizedValue, range, textInputRange, len, endRange; if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") { start = el.selectionStart; end = el.selectionEnd; } else { range = document.selection.createRange(); if (range && range.parentElement() == el) { len = el.value.length; normalizedValue = el.value.replace(/\r\n/g, "\n"); // Create a working TextRange that lives only in the input textInputRange = el.createTextRange(); textInputRange.moveToBookmark(range.getBookmark()); // Check if the start and end of the selection are at the very end // of the input, since moveStart/moveEnd doesn't return what we want // in those cases endRange = el.createTextRange(); endRange.collapse(false); if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) { start = end = len; } else { start = -textInputRange.moveStart("character", -len); start += normalizedValue.slice(0, start).split("\n").length - 1; if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) { end = len; } else { end = -textInputRange.moveEnd("character", -len); end += normalizedValue.slice(0, end).split("\n").length - 1; } } } } return { start: start, end: end }; }

Ho modificato la funzione di cui sopra per tenere conto dei ritorni a capo in IE. Non è stato testato ma ho fatto qualcosa di simile nel mio codice, quindi dovrebbe essere praticabile. 

 function getCaret(el) { if (el.selectionStart) { return el.selectionStart; } else if (document.selection) { el.focus(); var r = document.selection.createRange(); if (r == null) { return 0; } var re = el.createTextRange(), rc = re.duplicate(); re.moveToBookmark(r.getBookmark()); rc.setEndPoint('EndToStart', re); var add_newlines = 0; for (var i=0; i

Se non è necessario supportare IE, è ansible utilizzare selectionStart e selectionEnd attributi di textarea .

Per ottenere la posizione del punto di inserimento, utilizzare selectionStart : 

 function getCaretPosition(textarea) { return textarea.selectionStart }

Per ottenere le stringhe che circondano la selezione, utilizzare il seguente codice: 

 function getSurroundingSelection(textarea) { return [textarea.value.substring(0, textarea.selectionStart) ,textarea.value.substring(textarea.selectionStart, textarea.selectionEnd) ,textarea.value.substring(textarea.selectionEnd, textarea.value.length)] }

Demo su JSFiddle .

Vedi anche i documenti HTMLTextAreaElement .