2013-07-22 14 views
24

Şu anda, otomatik olarak da odaklanmış bir değere sahip bir metin giriş alanı var.Metin girişinin sonunda imleci girin giriş

Sayfa yüklenirken, değer seçilir/vurgulanır. İmleci, javascript veya CSS'de vurgulamak yerine, değer metninin sonuna yerleştirebileceğim bir yol var mı? <input type="text" value="value text" autofocus />

+2

onfocus içinde Chromium altında iyi çalışır = "this.value = this.value;" –

+0

onfocus "this.value = this.value", varolan değeri metin kutusuna atayacak, bu metni yazdığınız gibi ve sonunda imleciniz var. – VishalDevgire

+1

olası bir kopyası [Metin girme öğesindeki metnin sonunda imleci yerleştirmek için JavaScript'i kullanın] (http://stackoverflow.com/questions/511088/use-javascript-to-place-cursor-at-end-of-text- metin-giriş-öğesi) – Gary

cevap

45

Bu beni

<input type="text" autofocus value="value text" onfocus="this.value = this.value;"/>

+1

ilginç. Neden olduğu ya da nasıl işlediği hakkında bir fikrin var mı? –

+0

@Gary: Teşekkürler! –

+4

Sadece güncellemek için, bu artık FF'de çalışmıyor veya hiç yapmadı. FF'nin geçerli sürümünde, tüm metni seçer, sonra imleci yerleştirmez. – vol7ron

5

için çalışır: Burada

http://jsfiddle.net/TaGL5/ HTML kodu verilmiştir: Burada

autofocused metnin değeri vurgulanır bir js keman olduğunu Bunun için Jquery'yi kullanın:

$(function() { 
 
     var input = $("#txt1"); 
 
    var len = input.val().length; 
 
    input[0].focus(); 
 
    input[0].setSelectionRange(len, len); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 

 
<input type="text" id="txt1" value="Lorem" style="width:400px;" />

Ancak bazı tarayıcılar durumda bu kullanmak hangi enter code here özelliği, desteklemez:

$(document).ready(function(){ 
 
    $("#search").focus(function(){ 
 
     if (this.setSelectionRange) 
 
     { 
 
     var len = $(this).val().length; 
 
     this.setSelectionRange(len, len); 
 
     } 
 
     else 
 
     { 
 
     $(this).val($(this).val()); 
 
     } 
 
    
 
}); 
 

 
$("#search").focus(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input id="search" type="text" value="mycurrtext" size="30" name="search" />

bu soru zaten stackoverflow var:

@ Harsha cevabı

Reference1

Reference2

+0

Bu kadar kolay bir görev için bir üçüncü taraf kitaplığı kullanmak için bir overkill biraz var. – shi

12

Yükseltme: Ben o zaman

geri ayarlayın, Firefox ile çözüm çalışmaları, biz "değerinin-eşit değil" geçici sıfırlama değerine ihtiyacımız yapmak bulundu

<input type="text" autofocus value="value text" onfocus="var temp_value=this.value; this.value=''; this.value=temp_value" />

+0

Doğru, ama eğer gidiyorsan chenosaurus'un yöntemini kullanmak için, siz de alıntı yapabilirsiniz: http: // stackoverflow.com/a/2345915/183181 – vol7ron

+3

@ vol7ron * "chenosaurus'un yöntemi" *: D – yckart

0

Sen metin girişi alanına bu parametreyi ekleyebilirsiniz:

onmouseover="this.setSelectionRange(this.value.length,this.value.length);" 

Not: 2017

İlgili konular