没有合适的资源?快使用搜索试试~ 我知道了~
首页在js(jquery)中获得文本框焦点和失去焦点的方法
先来看javascript的直接写在了input上 代码如下: <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.va
资源详情
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/13662928/bg1.jpg)
在在js(jquery)中获得文本框焦点和失去焦点的方法中获得文本框焦点和失去焦点的方法
先来看javascript的直接写在了input上
代码如下:
<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(‘搜神马?’);
});
})
好了相当的不错吧
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
weixin_38681082
- 粉丝: 6
- 资源: 958
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
会员权益专享
最新资源
- BSC绩效考核指标汇总 (2).docx
- BSC资料.pdf
- BSC绩效考核指标汇总 (3).pdf
- C5000W常见问题解决方案.docx
- BSC概念 (2).pdf
- ESP8266智能家居.docx
- ESP8266智能家居.pdf
- BSC概念 HR猫猫.docx
- C5000W常见问题解决方案.pdf
- BSC模板:关键绩效指标示例(财务、客户、内部运营、学习成长四个方面).docx
- BSC概念.docx
- BSC模板:关键绩效指标示例(财务、客户、内部运营、学习成长四个方面).pdf
- BSC概念.pdf
- 各种智能算法的总结汇总.docx
- BSC概念 HR猫猫.pdf
- bsc概念hr猫猫.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)