将鼠标焦点定位到文本框最后(代码分享)

2019-11-25,,,

经测试,兼容IE8

//设置焦点相关---begin
//用法:$("#txtInput").val("你好").focusEnd();
$.fn.setCursorPosition = function (position) {
 if (this.lengh == 0) return this;
 return $(this).setSelection(position, position);
}
$.fn.setSelection = function (selectionStart, selectionEnd) {
 if (this.lengh == 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 () {
 if (this.val() != undefined) {
 this.setCursorPosition(this.val().length);
 }
}
//设置焦点相关---end

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持北冥有鱼!

您可能感兴趣的文章:

  • 鼠标焦点离开文本框时验证的js代码
  • input输入框鼠标焦点提示信息
  • jquery点击页面任何区域实现鼠标焦点十字效果
  • js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)
  • jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

《将鼠标焦点定位到文本框最后(代码分享).doc》

下载本文的Word格式文档,以方便收藏与打印。