javascript中怎么设置文本框获得焦点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中怎么设置文本框获得焦点相关的知识,希望对你有一定的参考价值。

代码如下:
<input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value==\'\') this.value=\'楼盘账号\';" onFocus="if(this.value==\'楼盘账号\') this.value=\'\';" />
<input name="pwpwd" type="password" class="input1" value="******" onBlur="if(this.value==\'\') this.value=\'******\';" onFocus="if(this.value==\'******\') this.value=\'\';">

jquery实现方法

对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。

focus():得到焦点时使用,和javascript中的onfocus使用方法相同。
如:

代码如下:

$("p").focus(); 或$("p").focus(fn)

blur():和onblur一样。
如:

代码如下:

$("p").blur(); 或$("p").blur(fn)

实例

代码如下:

<form>
<label for="searchKey" id="lbSearch">搜神马?</label> 这里label覆盖在文本框上,可以更好的控制样式
<input id="searchKey" type="text" />
<input type="submit" value="搜索" />
</form>

jquery代码

代码如下:

$(function()
$(\'#searchKey\').focus(function()
$(\'#lbSearch\').text(\'\');
);
$(\'#searchKey\').blur(function()
var str = $(this).val();
str = $.trim(str);
if(str == \'\')
$(\'#lbSearch\').text(\'搜神马?\');
);
)
参考技术A 复制代码 代码如下:
var obj=document.getElementById("txtUserID")
var range=obj.createTextRange()
//选中文本的起始位置(从第3个字符之后开始)
range.moveStart("character",3)
//选中文本的结束位置(到全部字符的倒第3个之前)
range.moveEnd("character",-3)
//选中
range.select()

以上是关于javascript中怎么设置文本框获得焦点的主要内容,如果未能解决你的问题,请参考以下文章

如何设置网页的默认输入焦点?

jsp一个文本框在失去焦点的时候,显示其输入的值,如果没有输入该文本框获得焦点

jquery js 当文本框获得焦点时,自动选中里面的文字

EXCEL 文本框控件点击文字变很小,失去焦点后又回复正常,这怎么解决?

axure7.0如何实现光标在文本框中获得焦点时,文本框内容自动清空。失去焦点时显示默认文字,谢谢!

wpf 焦点定位到 文本框开头? 2:如何按Tab,让焦点不进入第3个文本框,意思是在前两个文本框中切换