jquery easyui textbox添加事件不起作用的解决办法

最近在使用jquery easyui,感觉挺好用的,可以轻松实现前台效果。

但是在做一个input输入框的时候,我想为某个文本框添加一个失去焦点的事件出问题了,传统的在input上添加οnblur=”fun()”不起作用,这个可以理解,因为像这种前台组件,肯定都是封装过的,使用了他们的组件样式,相当于把我们原来的组件隐藏了,然后有jquery easyui重建创建了对应的组件,要添加对应事件,应该用他们对应的方法,比如在data-options中定义事件

例如:

<input class="easyui-textbox" type="text" id="code" name="code" data-options="prompt:'唯一代码',required:true"  missingMessage="名称不能为空"></input>

这里不能再使用οnblur=”fun()”了

有两种方法可以添加一些data-options没有定义的事件(因为jui本身会为组件定义一些方法)

方法一,也是easyui手册所说的方法:

$("#code").textbox('textbox').bind("click", function () { alert ("aaaaa")})

手册说明:
Methods:textbox
Description:Return the textbox object. The user can bind any events to this editing box.

个人推荐

方法二

$("input",$("#code").next("span")).blur(function(){
		        alert("ok");
		    });