您现在的位置: 365建站网 > 365文章 > 在javascript/jquery中获得文本框焦点和失去焦点的方法

在javascript/jquery中获得文本框焦点和失去焦点的方法

文章来源:365jz.com     点击数:459    更新时间:2017-12-14 11:59   参与评论

先来看javascript的直接写在了input上

</>code

  1. <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号';" onFocus="if(this.value=='楼盘账号') this.value='';" />
  2. <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使用方法相同。
如:

</>code

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

blur():失去焦点时使用,和onblur一样。
如:

</>code

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

实例

</>code

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

jquery代码

</>code

  1. $(function() {
  2. $('#searchKey').focus(function() {
  3. $('#lbSearch').text('');
  4. });
  5. $('#searchKey').blur(function() {
  6. var str = $(this).val();
  7. str = $.trim(str);
  8. if(str == '')
  9. $('#lbSearch').text('搜神马?');
  10. });
  11. })

好了相当的不错吧


主要解决在手机端,input输入完成,键盘还是弹出状态。

</>code

  1. var input = document.getElementById("your-input-id");
  2. input.blur();

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (459人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号