easyui textbox获得焦点问题

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

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

1 ·

CC 4.0 BY-SA版权

jquery easyui 专栏收录该内容

6 篇文章

订阅专栏

为input添加一个方法：blur，在普通input中没有问题，如下，当文本框为空时弹出提示：

$(document).ready(function () {
        $("#txtUser").blur(function () {
            var text1 = $("#txtUser").val();
            if (text1 == "")
                alert("请输入用户名！");
            else
                alert("text1=。。。。" + text1);
        });
    });

但是如果使用

加入class=”easyui-textbox”定义后，上面的javascript就不起作用了。

原因：控件的生成原理。它是把你原有的input隐藏，然后自己生成一个新的input，所以你点击的已经不是原来那个input也就没回应了。

可以改成如下两种方式：

1、$("input", $("#txtUser").next("span")).blur(function () {；
2、$("#txtUser").textbox("textbox").blur(function () {，这种方式表示返回一个textbox对应，Retun the textbox object.

但是要注意  以上两段代码一定要放在初化中不然不起作用。$(function(){});