onBlur事件与onfocus事件 (js)

jQuery 参考手册 - 事件

一、jQuery的 onBlur方法

定义和用法

1、当元素失去焦点时发生 blur 事件。

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

提示:早前,blur 事件仅发生于表单元素上。在新浏览器中,该事件可用于任何元素。

触发 blur 事件

触发被选元素的 blur 事件。

将函数绑定到 blur 事件

规定当被选元素的 blur 事件发生时运行的函数。

语法:

$(selector).blur(function)

在这里插入图片描述
二、onfocus 事件

定义和用法

onfocus 事件在对象获得焦点时发生。

语法:

onfocus="SomeJavaScriptCode"

在这里插入图片描述实例:

//当光标从"身份证号"框移开时,根据输入的身份证号获取出生日期、年龄、性别
$("#idCard").blur(function(){
	//出生日期
	$("#birthday").datebox('setValue',getDate(interceptBirthday()));    
	//年龄,调用根据出生日期获取年龄的方法
	$("#age").val(jsGetAge($("#birthday").datebox('getValue')));
	//性别
	if (interceptSex() == 0) {
		$("#sex").combobox('setValue',0)
	}else{
		$("#sex").combobox('setValue',1)
	}     
 });

版权声明:本文为gr_guhun原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。