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

最新推荐文章于 2025-05-18 22:33:01 发布

原创最新推荐文章于 2025-05-18 22:33:01 发布 · 1.4w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery easy ui #textbox

jquery easy ui 专栏收录该内容

1 篇文章

订阅专栏

在使用jQuery EasyUI时，为TextBox添加onblur事件遇到问题，传统方式不起作用。这是因为EasyUI组件重写了原生input。解决方法是在data-options中定义事件或者使用TextBox对象的方法。推荐两种添加事件的方法：1. 使用`textbox('textbox').bind`来绑定事件；2. 具体方法二未给出详细内容。

最近在使用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");
		    });