jQuery 事件方法获取焦点focus()和失去焦点blur()的用法

最新推荐文章于 2022-01-03 22:03:29 发布
最新推荐文章于 2022-01-03 22:03:29 发布
阅读量3.3w 收藏
点赞数
分类专栏： jQuery 文章标签： jquery input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouyi05404/article/details/7796248
版权
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>
</head>
<body>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
</body>
困井
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Jquery事件篇blur
weixin_44549330的博客
05-05 360
开发工具与关键技术：Visual Studio 2015 与 jQuery 撰写时间：2020年4月30日 Blur(): 当元素失去焦点时触发事件 该事件可以使两个或多个input内的值进行一定得操作 先写EndNotes绑定一个blur事件 $("#EndNotes").blur(function () {} 然后要获取input里面的值 通过ID获取input的值 var Start...
jQuery事件知识点部分总结
m0_65511328的博客
04-28 1647
在学习jQuery中，我做了一些总结，需要的可以作参考（仅供参考）。 在VS软件中用jQuery时，必须要使用jQuery插件。 例： <scriptsrc="./js/jquery-3.6.0.min.js"></script> 1.jQuery文档加载事件 2.鼠标移入移出事件 // 鼠标移入事件 $("#box").mouseenter(function(){ // alert('mouseenter事件被触发了')...
js:聚焦和失焦事件示例
yiXin_Chen的博客
01-03 6822
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>4.聚焦和失焦</title> </head> <body> <div> 用户名: <input type="text" name="userName" onfocus="testFocus(this)" onblu.
jquery 获取焦点事件，失去焦点事件，文本值发生改变事件
weixin_zsh的博客
07-19 4464
一、focus() 当元素获得焦点时，触发事件 二、blur() 当元素失去焦点时，触发事件 $("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("backgr
jquery 输入框失去焦点时 (blur)事件
qq_27361945的博客
05-08 3万+
jquery判断input输入框的值，用到input事件，blur事件，focus事件需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。 //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ ...
jQuery关于页面元素焦点事件
花伤情犹在的博客
06-13 1128
当元素失去焦点时发生 blur 事件。 当输入域失去焦点 (blur) 时改变其颜色： $("input").blur(function(){ $("input").css("background-color","#666666"); }); 用法： 选中元素：$(“input”) 给元素添加 blur 事件：$(“input”).blur() 将函数绑定到 blur 事件:$(“input”).blur(function(){}) 去除光标的焦点位置 效果： 代码： <!DOCTYPE
jQuery focus和blur事件的应用详解
12-10
一、需求原因在填写表单时需要实现如下效果二、具体实现 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD...<head><... charset=UTF-8″><...script language=”JavaScript”src=”../jQuery/jquery-1.7.1.
DIV的失去焦点(blur)实现方法
09-22
主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery事件blur()方法的使用实例讲解
10-17
今天小编就为大家分享一篇关于jQuery事件blur()方法的使用实例讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
在js(jquery)中获得文本框焦点和失去焦点的方法
10-27
介绍两个方法和种是利用javascript onFocus onBlur来判断焦点和失去焦点，加一种是利用jquery $("p").blur(); 或$("p").blur(fn)来实现，有需要的朋友可以参考一下
第十一章 jQuery
m0_46844278的博客
04-30 3170
JavaScript前端开发教程 目录： 第十一章 jQuery jQuery快速入门 jQuery对象 jQuery选择器 元素遍历 元素内容 元素样式 元素筛选 元素属性 【案例】折叠菜单 节点操作 【案例】左移与右移 常用事件 页面加载事件 事件绑定与切换 【案例】手风琴效果 常用动画 自定义动画 【案例】无缝轮播图 jQuery操作Ajax 插件机制 &&：习题+答案 ...
BlurTest例子
06-15
BlurTest例子程序，参考自Android高级模糊技术，http://blog.jobbole.com/63894/
jquery实现input框获取焦点的方法
10-20
下面小编就为大家带来一篇jquery实现input框获取焦点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js或jq动态创建标签，绑定的blur、click、hover等事件失效完美解决方案
yycc的博客
08-18 1206
标签： <div class="inBox"> <input class="nr" type="text"> </div> <span class="jia">添加标签</span> 绑定事件： //动态创建一些.nr $('.jia').click(function () { $(this).siblings('.inBox').append('<input class="nr" type="text">') }) //这
jQuery 事件 - blur() 方法
qq_29663071的博客
03-15 495
实例 当输入域失去焦点 (blur) 时改变其颜色： $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); });
jquery_blur()方法
博主很懒，什么都没有写
11-23 1189
jquery_blur()方法： 当元素
jquery blur 事件
baidu_24710549的专栏
01-16 634
当元素失去焦点时触发 blur 事件。 这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的  实例1  $("[input][name='a']").blur(function(){   alert("离开元素a"); } 离开页面
jQuery的blur()方法怎么用？
weixin_45587319的博客
12-18 2219
blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。 原文地址：jQuery的blur()方法怎么用？ blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。 语法： $(selector).blur(function...
jquery失去焦点与获取焦点事件blur() focus()
热门推荐
凌晨de太阳
08-31 4万+
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。 如：  代码如下 复制代码  $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。  如：
jquery 输入框获取焦点
最新发布
10-02
在代码中，可以使用.focus()方法来设置输入框获取焦点，使用.blur()方法来设置输入框失去焦点。具体实现方式如下： ``` // 获取焦点 $("#username").focus(function(){ var curValue = $(this).val(); if...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

困井

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值