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

javascript中怎么设置文本框获得焦点,第1张

代码如下:

<input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(thisvalue=='') thisvalue='楼盘账号';" onFocus="if(thisvalue=='楼盘账号') thisvalue='';" />

<input name="pwpwd" type="password" class="input1" value="" onBlur="if(thisvalue=='') thisvalue='';" onFocus="if(thisvalue=='') thisvalue='';">

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('搜神马?');

});

})

1、onClick单击事件,常用于button\radio\checkbox\reset buttons\submit buttons对象上面。

2、onChange改变事件,常用于textbox \textarea对象上面,当输入的字符值改变时执行对应的事件代码。

3、onSelect选中事件,当text或textarea对像中的文字被加亮后,引发该事件。

4、onFocus获得焦点事件,当用户单击Text对像以及select对象时,产生该事件。

5、失去焦点onBlur,当不在拥有焦点而退到后台时,引发该事件。

6、载入文件onLoad事件,当文档载入时,产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。

7、制裁文件onUnload事件,当WEB页退出时引发onUnload事件,并可更新Cookie的状态。

以上就是关于javascript中怎么设置文本框获得焦点全部的内容,包括:javascript中怎么设置文本框获得焦点、javascript 常用事件有哪些、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10133947.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存