js选择文本框内的部分内容
来源:互联网 发布:香波特数据 编辑:程序博客网 时间:2024/06/05 23:48
如下代码:
function setSelectionRange(input, selectionStart, selectionEnd) { if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } else if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); }}function setCaretToPos (input, pos) { setSelectionRange(input, pos, pos);}用法:
setCaretToPos(document.getElementById("YOURINPUT"), 4);我们也可以把这段代码的实现封装成jquery插件,如下
$.fn.setCursorPosition = function(position){ if(this.length == 0) return this; return $(this).setSelection(position, position);}$.fn.setSelection = function(selectionStart, selectionEnd) { if(this.length == 0) return this; input = this[0]; if (input.createTextRange) { var range = input.createTextRange(); range.collapse(true); range.moveEnd('character', selectionEnd); range.moveStart('character', selectionStart); range.select(); } else if (input.setSelectionRange) { input.focus(); input.setSelectionRange(selectionStart, selectionEnd); } return this;}$.fn.focusEnd = function(){ this.setCursorPosition(this.val().length); return this;}将选择文本框的焦点放到文本框的最后用法示例:
$(element).focusEnd();0 0
- js选择文本框内的部分内容
- js光标选中文本框部分内容
- js 高亮显示文本框中部分内容
- js文本框选择日历
- js判断两文本框内输入的数字大小
- JS控制文本框内键盘上下左右键的焦点
- js实现层关闭/文本框2的值随文本框1内数字变化
- Ajax加载html部分内容到指定的标签内
- Jquery实现的弹出窗口,选择框内内容后赋值给文本框
- 关于解决多选框选择后隐藏文本框内内容的方法;
- 当页面中文本不允许选择时,使文本框中文本可以选择的js代码
- js从text或textarea文本框中选择部分文本,并取得选择的内容
- js 取得文本框内,鼠标索引
- js统计文本框内已输入字数
- js 点击文本框后弹出选择日期
- js 点击文本框后弹出选择日期
- 关于文本框内容的选择
- js 打印页面部分内容
- 任务分配问题-DFS\位运算
- linux软件安装
- Android学习笔记(三)——使用静态变量传递数据
- php怎样判断一个字符串是否包含另一个字符串strpos()
- 记录看vc++技术内幕 学习mfc时遇到的问题
- js选择文本框内的部分内容
- hdu1164 Eddy's research I
- SQL的子查询
- spawn
- 字符编码笔记:ASCII,Unicode和UTF-8
- Hadoop实战-中高级部分
- Freezable 对象(WPF)
- jquery 添加删除html 的常用方法
- Base64编码