jquery聚焦文本框与扩展文本框聚焦方法.pdfVIP

jquery 聚焦⽂本框与扩展⽂本框聚焦⽅法 复制代码代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head titlejquery聚焦⽂本框 -/title script src=/ajax/libs/jquery/1.4.2/jquery.min.js type=text/javascript/script /head body form action= 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 在不同的浏览器中，⼀个⽂本框，如果只是直接给⽂本框设置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)