jquery聚焦文本框与扩展文本框聚焦方法
发布时间:2020-12-14 23:32:00 所属栏目:资源 来源:网络整理
导读:光标聚焦的位置在最前面 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head titlejquery聚焦文本框 -编程小
光标聚焦的位置在最前面 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery聚焦文本框 -编程小技巧</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> </head> <body> <form action="http://www.baidu.com" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-7740261255677392:7064996710" /> <input type="hidden" name="ie" value="UTF-8" /> <!--文本框--><input type="text" name="q" size="25" /> <input type="submit" name="sa" value="搜索" /> </div> </form> <script type="text/javascript"> $(document).ready(function () { $("input[name='q']").focus(); })</script> </body> </html> jquery扩展文本框聚焦方法 在不同的浏览器中,一个文本框,如果只是直接给文本框设置focus(),那么光标聚焦的位置可能是在最前面。下面的代码则是给jquery扩展一个textFocus方法,用于聚焦文本框,并使光标在最后,使用$("input").textFocus()。也可以传入一个数字参数,设置光标聚焦的位置。如$("input").textFocus(2),则光标在在第二个字符后面。 复制代码 代码如下: (function($){ $.fn.textFocus=function(v){ var range,len,v=v===undefined?0:parseInt(v); this.each(function(){ if($.browser.msie){ range=this.createTextRange(); //文本框创建范围 v===0?range.collapse(false):range.move("character",v); //范围折叠 range.select(); //选中 }else{ len=this.value.length; v===0?this.setSelectionRange(len,len):this.setSelectionRange(v,v); //dom直接设置选区,然后focus } this.focus(); }); return this; } })(jQuery) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 设置 – 如何使用无cookie域名(yslow)
- javascript – 与Internet Explorer的Fancybox Iframe错误
- web-applications – 解决Web应用程序中长时间运行的查询问
- 如何使用变量在JLabel中添加新行
- [css]通过transform缩放邮件客户端h5页面
- javascript – window.print()是否适用于iPad上所有版本的
- jQuery基于ajax实现带动画效果无刷新柱状图投票代码
- html – facebook javascript sdk UI对话框重置滚动位置
- 我可以用什么来代替??在HTML中?
- html – 我在哪里可以找到带有网络安全字体的列表?