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

 更新时间:2017年01月11日 11:59:30   作者:Hi.wz  
本文主要分享了将鼠标焦点定位到文本框最后的实例代码。具有很好的参考价值,下面跟着小编一起来看下吧

经测试,兼容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

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

相关文章

  • 基于jquery完美拖拽,可返回拖动轨迹

    基于jquery完美拖拽,可返回拖动轨迹

    基于jquery完美拖拽,可返回拖动轨迹 用JQ实现,话不多说,直接上码
    2012-03-03
  • jQuery选择器之基本选择器用法实例分析

    jQuery选择器之基本选择器用法实例分析

    这篇文章主要介绍了jQuery选择器之基本选择器用法,结合实例形式分析了id选择器、class选择器、element选择器等选择器相关使用技巧,需要的朋友可以参考下
    2019-02-02
  • Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件

    Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件

    之前一直有关注过Jquery.LazyLoad.js这个特效,但一直没有用,这几天研究了一下,并应用于实际中,对网站SEO方面没有什么帮助,不过可以节省一些流量,对于大网站来说显的尤为重要,至于节省了多少流量我无从统计。
    2011-03-03
  • jquery+javascript编写国籍控件

    jquery+javascript编写国籍控件

    本文给大家分享一个自己编写的使用jquery+javascript实现的国籍控件,效果非常不错,这里推荐给大家。
    2015-02-02
  • jquery图片不完全按比例自动缩小的简单代码

    jquery图片不完全按比例自动缩小的简单代码

    开发前期用自动生产 固定大小的图片 进行 显示,发现不能满足,在前期的时候把保存了原图,现在只能显示原图,原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小,下面是代码
    2013-07-07
  • jQuery+css+html实现页面遮罩弹出框

    jQuery+css+html实现页面遮罩弹出框

    面遮罩弹出框已经不是一个陌生的话题了,实现的方法大同小异多种多样,今天用jQuery实现页面遮罩弹出框,主要用的技术有JQuery,css和html,感兴趣的朋友可以参考下哈
    2013-03-03
  • jQuery创建DOM元素实例解析

    jQuery创建DOM元素实例解析

    这篇文章主要介绍了jQuery创建DOM元素的方法,实例分析了jQuery使用$直接创建DOM元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • Jquery跨域获得Json的简单实例

    Jquery跨域获得Json的简单实例

    下面小编就为大家带来一篇Jquery跨域获得Json的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 详解jQuery中ajax.load()方法

    详解jQuery中ajax.load()方法

    这篇文章主要介绍了详解jQuery中ajax.load()方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • JQuery自定义事件的应用 JQuery最佳实践

    JQuery自定义事件的应用 JQuery最佳实践

    本文主要介绍JQuery框架里面支持的自定义事件模型,通过实例说明什么时候可以利用事件模型进行面向对象的JS编程,以及利用“带命名空间的事件处理函数”来避免unbind时影响别的事件订阅。
    2010-08-08

最新评论