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。我的邮箱:simzlj@163.com

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

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

地点:不限
 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值