• 技术文章 >web前端 >前端问答

    jquery中怎么给input框绑定失去焦点事件

    青灯夜游青灯夜游2022-05-25 17:27:16原创248

    绑定方法:1、选取input元素对象,语法“$("选择器")”,会返回一个包含指定元素的jquery对象;2、用blur()给元素对象绑定失去焦点事件,并规定处理函数,语法为“元素对象.blur(function(){//运行代码});”。

    本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

    jquery中input框绑定失去焦点事件

    1、利用选择器选取input元素对象

    语法:

    $("选择器")

    $("input"),就可以选取文档中全部input元素。

    返回值:返回包含指定input元素的jquery对象

    2、使用blur()绑定失去焦点事件

    使用blur()给被选的input元素绑定失去焦点事件,并规定事件处理函数,以设置事件触发时需要运行的代码。

    input元素对象.blur(function(){
        //运行代码
    });

    实例:

    <!DOCTYPE html>
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(document).ready(function(){
    		  $("input").blur(function(){
    		    alert("输入框失去了焦点");
    		  });
    		});
    		</script>
    	</head>
    	<body>
    
    		输入你的名字: <input type="text">
    		<p>在输入框写些东西,然后点击输入框外,让其失去焦点。</p>
    
    	</body>
    </html>

    1.gif

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery中怎么给input框绑定失去焦点事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery语法结构由哪几部分组成 下一篇:jquery查找同辈元素的方法有哪些
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• jquery怎么删除所有li元素• jquery如何改变img的属性值• jquery get可以有几个参数• jquery移动端库有哪些• jquery有哪些基础事件方法
    1/1

    PHP中文网