您的位置:首页 > Web前端 > JQuery

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

2015-06-11 13:18 676 查看
最近在使用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");
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery easy ui textbox