js選中指定位置文字框文字程式碼

admin發表於2017-04-04

本章節分享兩段程式碼,它可以實現對文字框中指定文字內容的選中效果。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
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()
  }
}

相關文章