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

 更新时间: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 复选框取值兼容FF和IE8(测试有效)

    Jquery 复选框取值兼容FF和IE8(测试有效)

    Jquery 复选框取值的文章网上有很多的,不过可以同时兼容FF和IE8的确实没有几个,下面有个不错的方法经测试有效
    2013-10-10
  • jquery ui sortable拖拽后保存位置

    jquery ui sortable拖拽后保存位置

    这篇文章主要为大家详细介绍了jquery ui sortable拖拽后保存位置的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • 代码分析jQuery四种静态方法使用

    代码分析jQuery四种静态方法使用

    这篇文章主要通过代码介绍了jQery四种静态方法(isFunction,isArray,isWindow,isNumeric)的使用,需要的朋友可以参考下
    2015-07-07
  • jquery 打开窗口返回值实现代码

    jquery 打开窗口返回值实现代码

    网页上常常有这种效果,当你的鼠标移入一个输入框时会弹出一个对话框让你选择填入该对话框的值,现在我们用Jquery简单的实现这种效果。
    2010-03-03
  • jQuery中:checkbox选择器用法实例

    jQuery中:checkbox选择器用法实例

    这篇文章主要介绍了jQuery中:checkbox选择器用法,实例分析了:checkbox选择器的功能、定义及匹配复选框的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 使用JQuery制作简易留言板

    使用JQuery制作简易留言板

    这篇文章主要为大家详细介绍了如何使用JavaScript和JQuery制作简易留言板功能,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2016-05-05
  • checkbox使用示例

    checkbox使用示例

    checkbox想必大家对这个控件并不陌生吧,毕竟在网页制作过程中经常会使用到,下面与大家分享个示例主要介绍checkbox的使用,感兴趣的朋友可以参考下
    2013-08-08
  • JQuery从头学起第二讲

    JQuery从头学起第二讲

    在第一讲中,已经对JQuery做了入门级的介绍,我相信看过的网友都应该知道怎么开始写一个简单的JQuery程序了。首先是需要引入一个JQuery包,其次是根据JQuery的语法写代码就可以了。
    2010-07-07
  • input 和 textarea 输入框最大文字限制的jquery插件

    input 和 textarea 输入框最大文字限制的jquery插件

    input 和 textarea 输入框最大文字限制的jquery插件,需要的朋友可以参考下。
    2011-10-10
  • 使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效

    使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效

    本文是基于jquery和css3实现的仿windows10开始菜单的下拉导航菜单特效,代码超简单,感兴趣的朋友一起看看吧
    2015-09-09

最新评论