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

来源:互联网 发布:三菱fx系列编程手册 编辑:程序博客网 时间:2024/05/21 06:03

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

例如:

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

这里不能再使用onblur="fun()"了


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

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

$("#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");    });


0 0
原创粉丝点击