Voglio mettere cursore all'inizio del testo-box onfocus

Question

Eventuali duplicati:
Set cursor at a length of 14 onfocus of a textbox

io sono in grado di farlo in Firefox e IE. Ma per qualche motivo non il suo lavoro in Chrome e Safari :(

Sto semplicemente usando sotto la linea onfocus

$('input:text').focus(
function(){ 
     document.getElementById('id').setSelectionRange(0, 0); 
    }); 

Qualcuno può dirmi come fare cosa simile in Chrome e Safari?

Answer 1

Il problema è che Chrome (non ho sentito parlare di Safari fare questo pure, ma ti porterà sulla parola) uccide la selezione dopo l'evento attenzione si è sparato, quindi è necessario aggiungere un timer. Quanto segue è adattato da mia risposta qui:

How to place cursor at end of text in textarea when tabbed into

Tuttavia, questo genere non è una buona usabilità: è in contrasto con ciò che l'utente si aspetta e rimuove la funzionalità utile quando si utilizza il mouse (vale a dire il punto di inserimento andando al posizione in cui l'utente fa clic). Probabilmente è possibile aggirare il problema con un po 'di gestione degli eventi mousedown e mouseup.

demo dal vivo: http://jsfiddle.net/timdown/z9DhX/1/

Codice:

function moveCaretToStart(el) { 
    if (typeof el.selectionStart == "number") { 
     el.selectionStart = el.selectionEnd = 0; 
    } else if (typeof el.createTextRange != "undefined") { 
     el.focus(); 
     var range = el.createTextRange(); 
     range.collapse(true); 
     range.select(); 
    } 
} 

var textBox = document.getElementById("id"); 

textBox.onfocus = function() { 
    moveCaretToStart(textBox); 

    // Work around Chrome's little problem 
    window.setTimeout(function() { 
     moveCaretToStart(textBox); 
    }, 1); 
}; 

Answer 2

.. Webkit sta reimpostando la posizione del cursore come parte della manifestazione messa a fuoco, è necessario rinviare l'esecuzione dello script fino a dopo l'evento è completamente sparato Utilizzando setTimeout con un ritardo di 0 è abbastanza buono:

$(":text").focus(function() { 
    var input = this; 
    setTimeout(function() { 
     input.setSelectionRange(0, 0); 
    }, 0); 
}); 

demo di lavoro: http://jsfiddle.net/ZkqGH/1/