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一个文本框在失去焦点的时候,显示其输入的值,如果没有输入该文本框获得焦点
EXCEL 文本框控件点击文字变很小,失去焦点后又回复正常,这怎么解决?