easyui textbox添加blur事件

今天遇到一个问题,在使用input输入框的时候,想着懒得写样式于是使用了easyui的文本框。想往常一样,我希望在输入框内添加一些事件,以方便做验证之类的。所以我想往常一样在input框内添加blur事件。就在这个时候问题出现了,死活都不进js方法。
当遇到问题,首先想到的肯定是调试。打开浏览器的调试控制台,找到相应的标签。问题一下就有答案了!

这里写图片描述

仔细观察,使用easyui生成的input框是包裹的,并且自己添加的blur事件根本就没有。所以导致js没被调用。
解决方法也很简单:
第一:如果要做一些验证,可以使用easyui提供的easyui-validatebox。然后在在里边添加事件,就可以正常触发。
第二:还是使用textbox,我们依然可以为其添加事件。不过跟普通的不太一样。我这里是使用jquery为其添加的事件。具体方法;`$("input",$("#id").next("span")).blur(function(){  }) .`通过id找到input,然后找到它的第一个span,添加事件,搞定!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值