欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

將光標定位于輸入框最右側實現(xiàn)代碼

 更新時間：2012年12月04日 10:05:42   作者：  
如何將光標定位于輸入框最右側的實現(xiàn)方式，這種做法很多人都需要，本文將詳細介紹，需要的朋友可以參考下

前端開發(fā)過程中，經(jīng)常需要這樣的場景。用JS實現(xiàn)將光標定位于輸入框最右側。

場景一：編輯圖片的描述文字


場景二：Script.aculo.us的Ajax.InPlaceEditor類。雙擊可編輯，編輯后離開可自動更新該區(qū)域。

以上場景都需要JS實現(xiàn)將光標定位于輸入框最右側，卻不是通過鼠標點入輸入框內(nèi)。

我們知道實現(xiàn)最基本的方法是HTMLElement的focus方法。如下

復制代碼 代碼如下:

<p>
<input type="text" value="hello"/>
</p>
<script>
var input = document.getElementsByTagName('input')[0];
input.focus();
</script>
　

打開該頁面會發(fā)現(xiàn)，光標位于輸入框的最左側。效果如下

而現(xiàn)在要實現(xiàn)的是將光標定位于輸入框最右側，需要三個步驟。

1，調(diào)用focus方法

2，value賦值為空

3，之前的input的值再賦給自己

復制代碼 代碼如下:

<p>
<input type="text" value="hello"/>
</p>
<script>
var input = document.getElementsByTagName('input')[0];
var val = input.value;
input.focus();
input.value = '';
input.value = val;
</script>

運行后效果如圖，光標在深入框最右側

相關文章

最新評論