jQuery的blur()方法怎么用？

最新推荐文章于 2023-08-10 09:27:03 发布
最新推荐文章于 2023-08-10 09:27:03 发布
阅读量2.2k 收藏 9
点赞数 3
分类专栏： jQuery 文章标签： jQuery
原文链接：https://www.html.cn/qa/jquery/10386.html
版权

blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。

原文地址：jQuery的blur()方法怎么用？

blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。

语法：

$(selector).blur(function)

参数：它接受可选参数“function”。

返回值：它不返回任何内容，只触发所选元素上的blur事件。

示例1：没有函数传递给blur()方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
    	输入值：<input type="text"> 
    <br> 
    <br> 
    <button id="btn">开始blur事件！！！</button> 
    <p style="color:green"></p> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("#btn").click(function() { 
                $("input").blur(); 
                $("p").html("这是使用的blur()方法！！！"); 
            }); 
        });  
    </script>
</body> 
  
</html>

效果图：

2.gif

示例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    </head> 
    <body>
          输入值：<input type="text" name="fullname"> 
    <script src= "https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script> 
        $(document).ready(function() { 
            $("input").blur(function() { 
                $(this).css("background-color", "#2AABD2"); 
            }); 
        });  
    </script>
</body> 
  
</html>

效果图：

3.gif

推荐：

java基础教程

layui框架

go语言教程

weixin_45587319
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery事件篇blur
weixin_44549330的博客
05-05 396
开发工具与关键技术：Visual Studio 2015 与 jQuery 撰写时间：2020年4月30日 Blur(): 当元素失去焦点时触发事件 该事件可以使两个或多个input内的值进行一定得操作 先写EndNotes绑定一个blur事件 $("#EndNotes").blur(function () {} 然后要获取input里面的值 通过ID获取input的值 var Start...
jQuery事件blur()方法的使用实例讲解
01-21
当输入域失去焦点 (blur) 时改变其颜色： $(input).blur(function(){ $(input).css(background-color,#D6D6FF); }); <html> <head> [removed][removed] [removed] $(document).ready(function(){ $...
javascript39——blur()移除焦点，失焦
努力、拼搏、奋进
08-22 2970
blur()方法
jquery_blur()方法
博主很懒，什么都没有写
11-23 1199
jquery_blur()方法： 当元素
HTML语言中 blur()方法,jQuery的blur()方法怎么用？
weixin_34268604的博客
05-31 3121
blur()是jquery中的一个内置方法，用于从所选元素中移除焦点。此方法启动blur事件，或者可以附加一个函数，以便在发生blur事件时运行。blur()方法触发 blur 事件，或者如果设置了 function 参数，该方法也可规定当发生 blur 事件时执行的代码。语法：$(selector).blur(function)参数：它接受可选参数“function”。返回值：它不返回任何内容，...
jQuery 事件 - blur() 方法
niusi1288的博客
04-18 866
实例 当输入域失去焦点 (blur) 时改变其颜色： $("input").blur(function(){ $("input").css("background-color","#D6D6FF"); }); 定义和用法 当元素失去焦点时发生 blur 事件。 blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blu
HTML语言中 blur()方法,HTML DOM blur() 方法
weixin_31956641的博客
05-31 2674
HTML DOM blur() 方法blur() 方法用于从链接上移开焦点。blur() 方法可把键盘焦点从顶层浏览器窗口移走，整个窗口由 Window 对象指定。哪个窗口最终获得键盘焦点并没有指定。浏览器支持注释：在某些浏览器上，该方法可能无效。支持的浏览器：下面列出了blur()方法支持的浏览器：谷歌浏览器IE浏览器火狐浏览器Opera苹果浏览器DOM模糊方法用于从当前元素中移除键盘焦点，并在...
jQuery focus和blur事件的应用详解
12-10
一、需求原因在填写表单时需要实现如下效果二、具体实现 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD...<head><... charset=UTF-8″><...script language=”JavaScript”src=”../jQuery/jquery-1.7.1.
jquery常用方法及使用示例汇总
10-25
### jQuery常用方法及使用示例汇总 jQuery是一个快速、小巧、功能强大的JavaScript库，它封装了JavaScript常见的操作，使得Web开发者可以更方便地进行文档操作、事件处理、动画效果以及AJAX交互。下面将详细地介绍...
Blur
Baozouguai的专栏
02-20 367
图像的平滑处理，也叫模糊是图像处理经常用到的方法。 平滑处理时需要用到一个 滤波器 。 最常用的滤波器是 线性 滤波器，线性滤波处理的输出像素值 g(i,j)是输入像素 f(i+k,j+l)的加权和 : g(i,j) = \sum_{k,l} f(i+k, j+l) h(k,l) h(k,l) 称为 核, 它仅仅是一个加权系数。 不妨把 滤波器 想象成一个包含加权系数的窗口，当使用这个滤波器平...
jQuery学习笔记- focus和blur事件妙用
yuhangkit
03-15 7694
一、定义和用法 focus事件 当元素获得焦点时，发生 focus 事件。 当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数。 blur事件 当元素失去焦点时发生 blur 事件。 blur() 函数触发 blur 事件，或
jq中blur（）方法
weixin_38098192的博客
04-25 914
当元素是去焦点时发生blur事件 blur()函数触发blur事件，或者如果设置了function函数，该函数也可规定当发生blur事件时执行的函数。 提示：早前，blur事件仅发生于表单元素上，在新浏览器中，该事件可以用于任何元素。 $(selector).blur() 或者 $(selector).blur(function) ...
原生JS替代jQuery的各种方法汇总(你不需要JQuery)
极客神殿
07-19 2836
前端发展很快，现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行，直接操作 DOM 不再是好的模式，jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法，暂时只支持 IE10 以上浏览器。 Query Selector 常用的 class、...
DOM深入学习 --- 聚焦：focus / blur ，foucs / blur 委托的实现，tabindex中任何元素都可聚焦（六）
秋天，黄叶坠地，凉风有信。
03-11 2640
文章目录聚焦：focus/blurfocus/blur 事件focus/blur 方法允许在任何元素上聚焦：tabindexfocus/blur 委托总结 聚焦：focus/blur 当用户点击某个元素或使用键盘上的 Tab 键选中时，该元素将会获得聚焦（focus）。还有一个 HTML 特性（attribute）autofocus 可以让焦点在网页加载时默认落在一个元素上，此外还有其它途径可以获得焦点。 聚焦到一个元素通常意味着：“准备在此处接受数据”，所以，这正是我们可以运行代码以初始化所需功能的时刻。
jquery 给input元素添加失去焦点事件
最新发布
Rockandrollman的博客
08-10 1095
在事件处理函数中，您可以编写处理逻辑，以响应 input 元素失去焦点时的操作。您可以根据实际情况修改选择器，以选择特定的 input 元素。例如，对于具有特定类的 input 元素，可以使用。此外，您还可以使用类似的方法来绑定其他事件（如键盘事件、鼠标事件等），以根据需要执行相应的操作。要给一个 input 元素添加失去焦点（blur）事件，您可以使用 jQuery 的。标签中，或者放置在外部的 JavaScript 文件中，以确保正确的执行。请注意，您需要将上述代码放置在您的 HTML 文件中的。
jQuery 事件中 bind 方法和blur() 方法
叶落无痕的博客
04-24 1万+
1.bind 方法 定义和用法 bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。 自jq版本1.7起，on()方法是被选中元素添加事件处理程序的首选方法 语法 $(selector).bind(event,data,function,map) 参数 描述 event
前端学习DAY-6
m0_56017821的博客
07-27 203
用户登录界面 注册界面 正则表达式
jquery 输入框失去焦点时 (blur)事件
热门推荐
qq_27361945的博客
05-08 3万+
jquery判断input输入框的值，用到input事件，blur事件，focus事件需求：当输入框有字或者正在输入时，右边的圆形取消按钮才出现。否则不出现。 //输入框正在输入时 $("#ipt").on('input',function(){ if(!($('#ipt').val()=='')){ ...
Focus事件与blur事件
kids_fan的博客
03-08 9931
一、简介 Focus事件。当元素获得焦点时，触发focus事件。当通过鼠标点击或选中元素或通过tab键定位到元素时，该元素就会获得焦点。Focus()方法触发focus事件，或规定当发生focus事件是运行的函数。 Focus()，可以传入参数供函数处理。与focusin类似，两者区别在与，focusin可以在父元素上检测子元素获取焦点的情况。 Blur事件。当元素失去焦点时触发blur事件。Blur()函数触发blur事件或者如果设置了function参数，该函数也可规定当blur事件发生时执行的代码。
jquery blur的用法
05-26
jQuery的blur()方法用于为元素失去焦点事件绑定处理函数。当元素失去焦点时，会触发该事件，执行绑定的处理函数。 语法： ```javascript $(selector).blur(function) ``` 其中，selector是要绑定事件的元素选择器，function是失去焦点时要执行的回调函数。可以传入一个函数，或者使用匿名函数。 例如，为input元素绑定失去焦点事件： ```html <input type="text" id="input1" /> ``` ```javascript $("#input1").blur(function() { console.log("Input lost focus"); }); ``` 当input元素失去焦点时，会在控制台输出"Input lost focus"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值