本篇内容主要讲解“javascript失去焦点的事件方法是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript失去焦点的事件方法是什么”吧!
在JavaScript中,失去焦点事件是blur()事件,该方法规定当元素失去焦点时发生blur事件,或规定当发生blur事件时运行的函数,语法为“$(selector).blur()”或者“$(selector).blur(函数)”。
本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。
javascript失去焦点的事件是什么
当元素失去焦点时发生 blur 事件。
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。
提示:该方法常与 focus() 方法一起使用。
语法
为被选元素触发 blur 事件:
$(selector).blur()
添加函数到 blur 事件:
$(selector).blur(function)
示例如下:
<html><head><metacharset="utf-8"><title>123</title><scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){$("#btn1").click(function(){$("input").focus();});$("#btn2").click(function(){$("input").blur();});});</script></head><body>输入你的名字:<inputtype="text"><br><br><buttonid="btn1">触发focus事件</button><buttonid="btn2">触发blur事件</button></body></html>
输出结果:
<html><head><metacharset="utf-8"><title>123</title><scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){$("input").focus(function(){$(this).css("background-color","red");});$("input").blur(function(){$(this).css("background-color","green");});});</script></head><body>名字:<inputtype="text"name="fullname"><br>Email:<inputtype="text"name="email"></body></html>
到此,相信大家对“javascript失去焦点的事件方法是什么”有了更深的了解,不妨来实际操作一番吧!这里是恰卡编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
JavaScript闭包用多会造成内存泄露吗
javascript中文乱码如何解决
PHP学习第十五天——JavaScript入门DOM对象:二
Node.js基本内容和知识点
简单的说node.js就是运行在服务端的JavaScript,起初段定位是后端开发语言,由于技术的不够成熟,一般小型项目...
PHP与Node.js:一个史诗般开发者的分享
JavaScript 中 find() 和 filter() 方法的区别
JavaScript在ES6上有很多数组方法,每种方法都有独特的用途和好处。在开发应用程序时,大多使用数组方法来获...
js怎么跟php结合使用
简单说说Node.js和JavaScript
Node.js是一个开源和跨平台的JavaScript运行时环境,在浏览器之外运行V8JavaScript引擎(...
前端开发工程师专业技能简历范文
JavaScript怎么实现淘宝网图片的局部放大功能
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议