Ben

Question

Olası yinelenen onfocus metin kutusunun başında imleci koymak istiyorum:
Set cursor at a length of 14 onfocus of a textbox

Ben ateş ve IE bunu mümkün. Ama nedense onun

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

onfocus Chrome ve Safari :(

ben sadece sınırının altında kullanıyorum çalışmayan birisi nasıl Chrome ve Safari benzer olanı yapmak için bana söyleyebilir mi?

Answer 1

sorun odak olayı harekete sonra Krom (ben Safari de bunu duymamış, ama bunun için size kelime alacağım) seçimini öldürür yani, böylece bir zamanlayıcı eklemeniz gerekiyor. Aşağıdaki burada cevabım uyarlanmıştır:

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

Ancak bu genellikle iyi kullanılabilirlik değil: Bu, kullanıcının beklediği aykırıdır ve fare kullanırken yararlı işlevini kaldıran (yani şapka gidiyor kullanıcının tıkladığı yer). Muhtemelen mousedown ve mouseup olayları ile ilgilenebilirsiniz.

Canlı tanıtım: http://jsfiddle.net/timdown/z9DhX/1/

Kodu:

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 0 bir gecikmeyle setTimeout kullanma etkinlik tamamen harekete sonra kadar komut yürütülmesini erteleme gerek odak olayın parçası olarak şapka konumunu sıfırlıyor iyi yeterlidir:

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

Çalışma demo: http://jsfiddle.net/ZkqGH/1/