Jquery 获取焦点，和失去焦点

最新推荐文章于 2022-10-15 11:35:19 发布
最新推荐文章于 2022-10-15 11:35:19 发布
阅读量679 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qhx556/article/details/8824706
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
    span{ color:Green; font-weight:bold;}
    </style>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtUserName').focus(function () {
                $(this).val('');
            })
            $('#txtUserName').blur(function () {
                if ($(this).val() == 'onlifes') {
                    $('span').text('用户名已被注册，请选择其他');

                }
                else {
                    if ($(this).val() == '') {
                        $(this).val('用户名');
                        $('span').text('请输入用户名');
                    }
                    else {
                        $('span').text('可以继续');
                    }
                }
            })
        })
       
    </script>
</head>
<body>
用户名<input id="txtUserName" type="text" value="用户名" /><span></span>
<br />
密码<input id="Text1" type="text" value="" />
</body>
</html>

心如止静
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery获取焦点事件
Cui6023056的博客
12-04 344
Jquery获取焦点事件 自己加入jquery引用 代码如下 <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ $("[name = pwd]").focus(function(){//获取焦点 $(this).addCl...
JQuery 中，使文本框获得焦点的方法
hs_values的专栏
07-10 869
由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即：<br />  $("#id")[0].focus();<br /><br />需要注意两个函数之间的区别：<br />  $("#id").focus();<br />  $("#id")[0].focus();<br />第一个是增加onFocus()时间，一个是使DOM对象获得焦点。
Jquery使用Id获取焦点和失去焦点
weixin_30580341的博客
01-05 533
　　　　Jquery使用Id获取焦点和失去焦点有2种方法 先用第一种（val()=="空"）： 　　 <div> <input type="text" id="address" value="请输入邮箱地址" /> <input type="text" id="password" value="请输入邮箱密码" /&g...
jquery中获取焦点和失去焦点事件
weixin_33856370的博客
05-09 388
<script src="../js/jquery-1.12.4.min.js"></script> <script> $(function(){ // 获取焦点事件,不传参 focus $('.one').focus(); // 监听焦点事件,能返回 ...
JQuery学习笔记之获取焦点和失去焦点事件
秋忆夏伤的博客
09-13 392
html代码： 用户名： 密  码： JavaScript代码： $(document).ready(function () { $(":text").focus(function () { // 当输入框获取到焦点时触发的事
jquery获取焦点和失去焦点事件代码
01-21
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点...input失去焦点和获得焦点jquery焦点事件插件 – 懒人建站</title> <scrip
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
10-21
下面小编就为大家带来一篇jquery注册文本框获取焦点清空,失去焦点赋值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Jquery焦点与失去焦点示例应用
10-25
在JavaScript和jQuery中，事件处理是网页交互的核心部分，其中“焦点”和“失去焦点”是常见的用户输入事件。这两个事件在表单元素（如文本框、密码输入框等）中特别常见，用来追踪用户何时开始或结束与特定元素的...
jquery实现input框获取焦点的简单实例
10-20
本文将通过一个简单的实例，详细介绍如何使用jQuery实现`input`框获取焦点并进行相应的样式变换。 首先，我们需要理解jQuery的基本用法。jQuery库通过 `$` 符号作为入口，允许我们快速选择DOM元素、操作DOM、绑定...
jQuery为文本框设置 得到焦点 和 失去焦点 的事件处理方法
weixin_69218754的博客
10-15 2234
为文本框设置 得到焦点 和 失去焦点 的事件处理方法
jquery实现input框获取焦点的方法
10-20
下面小编就为大家带来一篇jquery实现input框获取焦点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jq获取焦点事件
wittybread的博客
11-08 1736
jq
jQuery 事件方法获取焦点focus()和失去焦点blur()的用法
07-28 3万+
$(document).ready(function(){   $("input").focus(function(){     $("input").css("background-color","#FFFFCC");   });   $("input").blur(function(){     $("input").css("background-color","#D6D6FF")
jquery失去焦点与获取焦点事件blur() focus()
热门推荐
凌晨de太阳
08-31 4万+
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。 如：  代码如下 复制代码  $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。  如：
jQuery的获取焦点和失去焦点事件
07-31 2096
.myClass{ color:#c0c0c0 } 用户名 //为input元素添加样式 $("input").first().addClass("myClass"); //为input元素添加获取焦点事件 $("input").first().focus(function(){ if ($(t
jquery失去焦点事件
petercnmei的专栏
12-14 1973
$("input").blur(function(){ $("input").css("background-color","#D6D6FF"); });
jq 让input框失去焦点_input输入框用jquery怎么写失去焦点事件
weixin_42322219的博客
12-24 3416
input输入框用jquery失去焦点事件的方法：首先设置input的id属性为testid；然后使用【ready()】方法在页面加载完成时，执行function函数；最后使用【blur()】方法给input对象绑定失去焦点事件。本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。input输入框用jquery失去焦点事件的方法：1、新建一个html文件，命...
Jquery实现文本框获取焦点清空内容，失去焦点重新获得内容
行者
11-17 6703
$("#search").focus(function cls() {         //捕获触发事件的对象，并设置为以下语句的默认对象          with (event.srcElement)         //如果当前值为默认值，则清空              if (value == defaultValue) value = ""     });     $("#
jquery 输入框失去焦点时 (blur)事件
qq_27361945的博客
05-08 3万+
jquery判断input输入框的值，用到input事件，blur事件，focus事件需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。 //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ ...
jquery 输入框获取焦点
最新发布
10-02
通过使用jQuery可以实现输入框获取焦点的功能。在代码中，可以使用.focus()方法来设置输入框获取焦点，使用.blur()方法来设置输入框失去焦点。具体实现方式如下： ``` // 获取焦点 $("#username").focus(function()...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值