可能重複:
Use JavaScript to place cursor at end of text in text input element光標在文本框輸入字段的末尾
我有一個輸入字段,其只需要數字。任何一個可以請讓我知道如何在球場上點擊時將光標只有在這個文本框的末尾。
這是針對移動設備優化的網站,因此當用戶點擊此輸入表單時,光標應該只放在最後,用戶可以用手機上的後退箭頭刪除該號碼。
在此先感謝!
可能重複:
Use JavaScript to place cursor at end of text in text input element光標在文本框輸入字段的末尾
我有一個輸入字段,其只需要數字。任何一個可以請讓我知道如何在球場上點擊時將光標只有在這個文本框的末尾。
這是針對移動設備優化的網站,因此當用戶點擊此輸入表單時,光標應該只放在最後,用戶可以用手機上的後退箭頭刪除該號碼。
在此先感謝!
您可以嘗試一個onclick或onfocus事件,它讀取字段的值,然後寫回。調整活動文本字段中的文本時,光標會跳到最後。
$("#yourtextfield").click(function() {
var v = $(this).val();
$(this).val(v);
});
你可以在這裏嘗試一下:http://jsfiddle.net/inti/uYzVP/
這類似於這樣的問題:jQuery Set Cursor Position in Text Area
所有你要做的這個解決方案不同的是,在文本框的長度傳遞給函數,而不是硬編碼的值。
感謝您的快速回復。讓我試試這個並回到你身邊。 – Srinivas
東西與火狐,Chrome,Android瀏覽器,Mac上的iPad的Safari和iPhone上的模擬器是,如果你使用
element.setSelectionRange(element.value.length, element.value.length);
通常工作只需單擊該字段的末尾,瀏覽器就會將光標置於文本的末尾。該字段是否太小,並不是所有的數字都適合在屏幕上?我發現很容易選擇場地中的什麼地方我希望我的光標在使用我的拇指... – animuson
只有一個數字,我想將光標凍結到左邊,因爲如果有人點擊左邊的框手機上的號碼,用戶應該再次將光標移動到右側並按下後退按鈕。希望解釋。讓我嘗試一下上面提到的鏈接,然後回來。謝謝! – Srinivas