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

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

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

赞 (0)

相关推荐

  • js 兼容多浏览器的回车和鼠标焦点事件代码(IE6/7/8,firefox,chrome)

    文本框: 复制代码 代码如下: <input type="text" onkeydown="keydownsearch(event)" /> js代码: 复制代码 代码如下: function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.w

  • jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

    复制代码 代码如下: <input value="请输入用户名" type="text"> <input value="请输入密码" type="text"> <input value="提交" type="submit"> <script> $(function(){ //输入框中文字颜色控制 $("input:not(:las

  • jquery点击页面任何区域实现鼠标焦点十字效果

    jquery点击页面任何区域实现鼠标焦点十字效果

    系统开发时很多地方需要有焦点效果,例如:鼠标点击聚焦,地图定位,在图片上突出显示,焦点定位页面元素. 本小功能通过jquery和graphics二次开发,实现通过鼠标点击页面任何区域,聚焦当前点击位置.适用于页面任何元素的位置效果. 首先引入jquery引擎包:jquery-1.4.2.min.js和graphics.js 源码下载地址 编写实现效果js文件,qfocus.js,源码如下: 复制代码 代码如下: var qfocus = { config:{ "bar_dis":tru

  • 鼠标焦点离开文本框时验证的js代码

    利用js来验证文本框的值 复制代码 代码如下: <script> function onblurs(){ if(frm.name.value==""){ alert("请输入您的名字!"); }else if(frm.funny.value==""){ alert("爱好不得为空哦!"); } } </script> <form name="frm"> <tr>

  • input输入框鼠标焦点提示信息

    input输入框鼠标焦点提示信息

    问题如标题: 鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现.如图所示: 做法如下: 复制代码 代码如下: <input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='请输入2-5个中文名字'){value =''}&quo

  • 将鼠标焦点定位到文本框最后（代码分享）

    经测试,兼容IE8 //设置焦点相关---begin //用法:$("#txtInput").val("你好").focusEnd(); $.fn.setCursorPosition = function (position) { if (this.lengh == 0) return this; return $(this).setSelection(position, position); } $.fn.setSelection = function (sele

  • JQuery 文本框回车跳到下一个文本框示例代码

    复制代码 代码如下: loginInputForm.find('input').on('keyup',function(){ if(event.keyCode=='13'){ 执行跳到下一个文本框的代码 } });

  • Android AutoCompleteTextView自动提示文本框实例代码

    Android AutoCompleteTextView自动提示文本框实例代码

    自动提示文本框(AutoCompleteTextView)可以加强用户体验,缩短用户的输入时间(百度的搜索框就是这个效果). 先给大家展示下效果图,如果大家感觉还不错,请参考实现代码: 最后一张获取文本框里面的值(其实就跟TextView.EditText一样): 首先,在xml中定义AutoCompleteTextView控件: activity_main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/r

  • Python+matplotlib实现华丽的文本框演示代码

    华丽的文本框演示 首先看看演示结果: 实现代码 import matplotlib.pyplot as plt plt.text(0.8, 0.5, "python", size=50, rotation=30., ha="center", va="center", bbox=dict(boxstyle="round", ec=(1., 0.5, 0.5), fc=(1., 0.8, 0.8), ) ) plt.text(0.

  • jQuery点击弹出层弹出模态框点击模态框消失代码分享

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <title>jQuery弹出层 模态框</title> <script src="./jquery.min.js" type="text/javascript"></script> <style> .btn{ height:100px; } .black_o

  • js 金额文本框实现代码

    案例1:回车实现Tab跳转. 响应文本框的onKeyDown事件,window.event.keyCode获得用户点击的keyCode. (*)keyCode和ASCII不是完全一致,主键盘的1和小键盘的1的ASCII一样,但是keyCode不一样.回车的keyCode为 13,Tab的keyCode为9. <body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}"> 只有少数的键才能被替换

  • JavaScript实现带自动提示的文本框效果代码

    示例一:直接编写AJAX 实现. 客户端: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Ajax实现自动提示的文本框</title> <st

  • Java Swing JTextField文本框的代码示例

    Java Swing JTextField文本框的代码示例

    1. 概述 官方JavaDocsApi: javax.swing.JTextField JTextField,文本框.JTextField 用来编辑单行的文本. JTextField 常用构造方法: /* * 参数说明: * text: 默认显示的文本 * columns: 用来计算首选宽度的列数:如果列设置为 0,则首选宽度将是组件实现的自然结果 */ JTextField() JTextField(String text) JTextField(int columns) JTextField

  • javascript 基于正则表达式的文本框验证代码

    1,不能为空 <input  type="text" onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"> 2,只能输入英文和数字<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')"><input onkeyup="value=value.replace(/[^0-9

  • input文本框样式代码实例

    通过css来更改所有的form的样式的方法,可以在css中定义input{color:red}textarea{border:1px solid #333}这样的格式,一般如果不需要更改所有的文本样式,可以通过下面的方法来定义文本框和密码框等样式 新建网页 1 用户名: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

随机推荐