快捷導(dǎo)航

JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea

更新時(shí)間：2011年01月01日 18:12:42 作者：

JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：項(xiàng)目中遇到的問(wèn)題，特此記錄。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea。</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body { margin: 32px; font-family: Verdana, sans-serif; font-size: 13px; } .title { font-size: 18px; font-weight: bolder;margin:40px 0; } .input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px; text-indent: 2px; } </style>  </head> <body> <div   id="wppm3vysvbp"   class="title">JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：</div> <div   id="wppm3vysvbp"   class="title">單行文本框</div> <p><input class="input" id="textbox" name="textbox" value="Hi,m.fzitv.net!!!" /></p> <input type="button" onclick="alert( getPositionForInput( document.getElementById('textbox') ) )" value="Get Position"> 輸入位置: <input type="text" id="no1" size="1" /><input type="button" onclick="process('no1','textbox');" value="Set Position"> <div   id="wppm3vysvbp"   class="title">多行文本框</div> <textarea id="zhangdanNum" name="zhangdanNum" style="height:66px;width:246px;overflow:hidden">Hi,CssRain!!!</textarea> <input type="button" onclick="alert( getPositionForTextArea( document.getElementById('zhangdanNum') ) )" value="Get Position"> 輸入位置: <input type="text" id="no2" size="1" /><input type="button" onclick="process('no2','zhangdanNum');" value="Set Position"> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

光標(biāo)位置

相關(guān)文章

BootStrap TreeView使用實(shí)例詳解
這篇文章主要為大家詳細(xì)介紹了BootStrap TreeView使用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
js表單驗(yàn)證實(shí)例講解
這篇文章主要為大家詳細(xì)介紹了js表單驗(yàn)證，JavaScript 可用來(lái)在數(shù)據(jù)被送往服務(wù)器前對(duì)HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證，感興趣的小伙伴們可以參考一下
2016-03-03
深入理解JavaScript強(qiáng)制類型轉(zhuǎn)換
JavaScript中的強(qiáng)制類型轉(zhuǎn)換包括顯式和隱式轉(zhuǎn)換,涉及字符串、數(shù)字和布爾值三種基本類型,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2024-09-09
js自定義select下拉框美化特效
這篇文章主要為大家介紹了javascript自定義select下拉框美化特效的相關(guān)資料,需要的朋友可以參考下
2016-05-05
bootstrap fileinput組件整合Springmvc上傳圖片到本地磁盤(pán)
這篇文章主要介紹了bootstrap fileinput組件整合Springmvc上傳圖片到本地磁盤(pán)的方法,需要的朋友可以參考下
2017-05-05
JavaScript多態(tài)與封裝實(shí)例分析
這篇文章主要介紹了JavaScript多態(tài)與封裝,結(jié)合實(shí)例形式分析了JavaScript多態(tài)與封裝的概念、功能、優(yōu)缺點(diǎn)以及相關(guān)問(wèn)題與注意事項(xiàng),需要的朋友可以參考下
2018-07-07
js下用gb2312編碼解碼實(shí)現(xiàn)方法
在js中將中文用gb2312編碼。如，“我”編碼后應(yīng)該是“%CE%D2”。
2009-12-12
JavaScript計(jì)算兩個(gè)日期時(shí)間段內(nèi)日期的方法
這篇文章主要介紹了JavaScript計(jì)算兩個(gè)日期時(shí)間段內(nèi)日期的方法,涉及javascript操作時(shí)間的技巧,需要的朋友可以參考下
2015-03-03
JS使用cookie實(shí)現(xiàn)只出現(xiàn)一次的廣告代碼效果
我們上網(wǎng)經(jīng)常會(huì)遇到第一次需要登錄而之后不用再登錄的網(wǎng)站的情況，其實(shí)是運(yùn)用了Cookie 存儲(chǔ) web 頁(yè)面的用戶信息，Cookie 以名/值對(duì)形式存儲(chǔ),當(dāng)瀏覽器從服務(wù)器上請(qǐng)求 web 頁(yè)面時(shí)，屬于該頁(yè)面的 cookie 會(huì)被添加到該請(qǐng)求中
2017-04-04
js數(shù)字輸入框(包括最大值最小值限制和四舍五入)
以前需要做一個(gè)數(shù)字輸入的InputBox,結(jié)果無(wú)奈需求太BT，搞得焦頭爛額，重做了無(wú)數(shù)次。無(wú)奈之下，再次Google，發(fā)現(xiàn)早有成熟的插件了(悶在家里造輪子果然不好啊)，autoNumeric使用方便，功能強(qiáng)大，現(xiàn)在介紹給大家，一個(gè)非常好的jquery plugin。
2009-11-11