JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法
更新時(shí)間：2015年03月24日 09:27:02 作者：feiwen
這篇文章主要介紹了JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以參考下
本文實(shí)例講述了JS獲取及設(shè)置TextArea或input文本框選擇文本位置的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
function getPos(el) {
var range, textRange, duplicate
el.focus()
if ( el.selectionStart ) return el.selectionStart
else if ( document.selection ) { // IE
range = document.selection.createRange()
if ( range == null ) return el.value.length
textRange = el.createTextRange()
duplicate = textRange.duplicate()
textRange.moveToBookmark(range.getBookmark())
duplicate.setEndPoint('EndToStart', textRange)
return duplicate.text.length
}
}
function setPos(el, pos) {
var range
el.focus()
if ( el.setSelectionRange )
el.setSelectionRange(pos, pos)
else if ( el.createTextRange ) {
range.collapse(true)
range.moveEnd('character', pos)
range.moveStart('character', pos)
range.select()
}
}
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄约悍庋b的一個(gè)原生JS拖動(dòng)方法(推薦)。小編覺得挺不錯(cuò)的，希望對大家有所幫助。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-11-11
利用d3.js制作連線動(dòng)畫圖與編輯器的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于如何利用d3.js制作連線動(dòng)畫圖與編輯器的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用d3.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要介紹了bootstrap table分頁模板和獲取表中的ID方法,需要的朋友可以參考下2017-01-01
JavaScript之iterable_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了JavaScript之iterable，遍歷Array可以采用下標(biāo)循環(huán)，遍歷Map和Set就無法使用下標(biāo)。為了統(tǒng)一集合類型，ES6標(biāo)準(zhǔn)引入了新的iterable類型，Array、Map和Set都屬于iterable類型2017-06-06
JavaScript 學(xué)習(xí)小結(jié)(適合新手參考)
JavaScript常量又稱字面常量，是固化在程序代碼中的信息。變量的主要作用是存取數(shù)據(jù)，提供一個(gè)存取信息的容器。2009-07-07
easyui form validate總是返回false的原因及解決方法
下面小編就為大家?guī)硪黄猠asyui form validate總是返回false的原因及解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
JavaScript+Canvas實(shí)現(xiàn)繪制音頻可視化波形圖
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript和Canvas實(shí)現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02
微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序頁面縮放式側(cè)滑效果的實(shí)現(xiàn)代碼，實(shí)現(xiàn)原理就是通過點(diǎn)擊按鈕，往需要?jiǎng)赢嫷膁iv中添加或移除擁有動(dòng)畫效果的class。具體實(shí)例代碼大家跟隨小編一起通過本文學(xué)習(xí)吧2018-11-11
這篇文章主要為大家詳細(xì)介紹了TypeScript的類型注解，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
XP折疊菜單&仿QQ2006菜單...2006-12-12