天天看点

jquery修改input的onblur事件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>
<head>  
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	// 覆盖已绑定的onblur事件。此时仅弹出hi
	$( '#input1').removeAttr('onblur').on('blur',showHi);
	// 添加onblur事件,以前绑定的仍存在。此时先弹出hello,再弹出hi
	//$( '#input1').on('blur',showHi);
});
function showHello(){
	alert('---hello');
}
function showHi(){
	alert('---hi');
}
</script>	

</head>
<body>
	<input id='input1' onblur='showHello();'/>
</body>
</html>
           

注:

上述代码在chrome下运行通过;

jquery的on和bind均可实现该效果,on具有更好的jquery版本兼容性,故建议使用on;

由于on的效果可能与jquery版本有关,故建议使用上述代码时,考虑jquery的版本问题;

---------------------------------广告-----------------------------

如果你对海量数据处理、服务高可用感兴趣,或者追求前端极致用户体验,并且想跳槽到国内IT大厂,可以考虑将简历发我,进行内推。本人是程序员,非HR。我的邮箱:[email protected]

条件:在所处的领域有一定技术积累,不要新手。对底层技术、技术原理有一定了解。

职位:限于IT领域的研发职位

地点:不限