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

將光標(biāo)定位于輸入框最右側(cè)實(shí)現(xiàn)代碼

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

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

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


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

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

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

復(fù)制代碼 代碼如下:

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

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

而現(xiàn)在要實(shí)現(xiàn)的是將光標(biāo)定位于輸入框最右側(cè)，需要三個(gè)步驟。

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

2，value賦值為空

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

復(fù)制代碼 代碼如下:

<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>

運(yùn)行后效果如圖，光標(biāo)在深入框最右側(cè)

相關(guān)文章

最新評(píng)論