JQuery中focus()与blur()焦点事件

最新推荐文章于 2021-09-28 13:24:59 发布
最新推荐文章于 2021-09-28 13:24:59 发布
阅读量7.3k 收藏 2
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hero_cheng/article/details/52781329
版权
本文详细介绍了JQuery中的focus()和blur()事件。focus()用于当元素获得焦点时触发，而blur()则在元素失去焦点时执行。通过示例代码展示了如何在HTML中应用这两个事件来实现特定的功能。
摘要由CSDN通过智能技术生成

1.焦点事件focus()与blur()

focus：获取对象焦点触发事件；

$(function(){
   $("xxx").focus(function(){
        ............
   });
});
blur:失去对象焦点触发事件； 

$(function(){
   $("xxx").blur(function(){
        ............
   });
});
2.代码示例

html脚本：

</

最低0.47元/天 解锁文章
落花流水6
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery 绑定3种表单事件 change(value值改变)，focus(获到焦点)，blur(失去焦点)
旭东怪的博客
09-01 6499
1change() 说明：元素的value值改变时，触发change事件。change事件只适用于文本框（text）、文本域（textarea）、下拉框（select）元素。 语法： $(selector).change(function1); 实例： 文本框、文本域、下拉框绑定change事件。 $(function(){ //文本框绑定change事件 $("input[type=text]").each(function(){ $(this).chang.
【jQuery】文本框的focus和blur事件
O(∩_∩)O
12-17 1508
focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件。 例如，在触发文本框的“focus”事件时，元素显示提示内容，如下图所示： 在浏览器中显示的效果： 从图中可以看出，当点击文本框时，触发文本框的“focus”事件，在该事件中，页面中的元素显示提示信息。 示例：自绑定
layui点击新增按钮按Enter黑屏
jq1223的博客
01-21 320
问题： 解决方案1： $(’:focus’).blur(); 当个按钮使用 解决方案2：使用全局函数让按钮点击后失去焦点 $('body').off('click').on('click','button',function () { $(this).blur(); });
详说jQuery的focus()、blur()事件
datuoyou6705的博客
06-07 228
what 　　focus():当元素获得焦点时，发生 focus 事件。 　　blur():当元素失去焦点时发生 blur 事件。 小例子 　　HTML文件 Enter your name: <input type="text" /> javascript文件： $(document).ready(function(){ ...
jquery失去焦点与获取焦点事件blur() focus()
凌晨de太阳
08-31 4万+
对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，和javascript中的onfocus使用方法相同。 如：  代码如下 复制代码  $("p").focus(); 或$("p").focus(fn) blur()：失去焦点时使用，和onblur一样。  如：
jquery文本框的focus和blur事件
guangxiaove的专栏
02-02 9276
jquery文本框的focus和blur事件  focus事件在元素获取焦点时触发，如点击文本框时，触发该事件；而blur事件则在元素丢失焦点时触发，如点击除文本框的任何元素，都会触发该事件 代码如下 表单中文本框的focus和blur事件 $(function () { $("input") .bind("focus", function () { $("div").
jQuery focus和blur事件的应用详解
10-26
与focus事件相对应，当元素失去焦点时，可以使用jQuery的blur()方法来绑定一个事件处理器。这个处理器会在元素失去焦点时被触发执行。通常，我们会在blur事件中进行一些收尾工作，例如，当用户在输入框中输入内容后...
jQuery中focus事件用法实例
10-25
focus事件在jQuery中用于捕捉元素获得焦点的时刻，常见于输入框(input)、文本框(textarea)以及按钮(button)等可接受键盘输入或点击的元素。当用户通过鼠标点击或键盘导航（如Tab键）让这些元素获得焦点时，就会触发...
jquery获取焦点和失去焦点事件代码
10-27
2. `blur`事件：与`focus`相反，`blur`事件在元素失去焦点时触发。这通常发生在用户点击页面上的其他地方或者按下回车键后。在搜索框中，`blur`事件可以用来检查用户是否输入了内容。如果没有输入，我们可以将默认...
深入理解jquery中的事件与动画
10-22
深入理解jQuery中的事件与动画是理解前端开发中交互设计的关键。事件是JavaScript和jQuery中用于响应用户或系统操作的机制，而动画则是让网页元素动态展现的重要方式。下面将详细阐述这两个方面。 一、事件 1. ...
jQuery中事件与动画的总结分享
10-22
本文主要对jQuery中事件和动画的操作进行了总结和分享。 首先，介绍的是jQuery中关于DOM加载完成的事件处理。在传统的JavaScript编程中，window.onload事件只能定义一次，而jQuery提供的$(function(){})在文档的DOM...
jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点
DevOps海洋的渔夫@专栏
04-27 6755
事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入（进入子元素也触发） mouseout() 鼠标离开（离开子元素也触发） mouseenter() 鼠标进入（进入子元素不触发） mouseleave() 鼠标离开（离开子元素不触发） hover() 同时为mouseenter和mouseleave事件...
input文本框获取焦点和失去焦点判断
热门推荐
itdragons的博客
05-15 7万+
onBlur:当输入框失去焦点后  onFocus:当输入框获得焦点后 这两个JavaScript事件是写在html标签中的例如： 使用jQuery的实现方法为： 　　　　对于元素的焦点事件，我们可以使用jQuery的焦点函数focus(),blur()。 focus()：得到焦点时使用，blur()：失去焦点时使用。 代码如下: $("input").focus(); 或$
jQuery事件--blur()和focus()
anqi771129的博客
12-03 851
blur([[data],fn]) 概述 当元素失去焦点时触发 blur 事件。 这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的 参数 fn在每一个匹配元素的blur事件中绑定的处理函数 ...
jQuery 事件 - focus() 方法
lsh15846393847的博客
08-25 1377
focus() 方法 触发、或将函数绑定到指定元素的 focus 事件  当元素获得焦点时，发生 focus 事件。 当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点. focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数。 语法 $(selector).focus(); $("input").focus(functi...
焦点触发与离开事件（focus与blur）
qq_34357018的博客
09-28 1358
<input name="pressTimes" id="pressTimes" type="text" style="width:30px; text-align:right;" maxlength="2" value=""> <table id="TableHead" class="tableStyle cutInfoSetTable" style="width:1300px" cellspacing="0" cellpadding="0"> <thead> .
js中的focus()
zaiyeqianhe的博客
09-16 1万+
eg：     function submitForm(){             var title = $("#title").val();             var content = ue.getContent();             if(title.length>100){                 $.messager.alert("提示","公告标
农牧集团企业数字化建设总体规划SAP解决方案参考.pdf
最新发布
08-17
农牧集团企业数字化建设总体规划SAP解决方案参考.pdf
jQuery 表单中元素失去焦点触发事件
06-08
当表单元素失去焦点时触发事件，在 jQuery 中可以使用 `blur()` 方法来实现。`blur()` 方法用于为元素绑定失去焦点事件，当表单元素失去焦点时，对应的事件处理程序会被执行。 例如，我们可以为输入框绑定失去焦点事件，当用户离开输入框时，将输入框中的值转换为大写字母： ``` $("input").blur(function(){ var val = $(this).val(); $(this).val(val.toUpperCase()); }); ``` 在这个例子中，我们使用了 `blur()` 方法来为所有的 `<input>` 元素绑定失去焦点事件。当用户从一个输入框移动到另一个输入框时，对应的事件处理程序会被执行，将输入框中的值转换为大写字母。 除了 `blur()` 方法，jQuery 还提供了很多其他的事件触发方法，比如 `focus()` 方法用于绑定元素的获得焦点事件，`change()` 方法用于绑定元素的值改变事件等等。不同的事件触发方法可以帮助我们更好地响应用户的操作，提高用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值