asp.net - 突出显示 Web 表单上的 "current"文本框

Question

我有一个数据输入 Web 应用程序，其中具有焦点的控件被赋予黄色背景颜色(当用户导航离开时，它会变回白色)。执行此操作的脚本来 self 不知道在哪里，它在 IE7 中崩溃，导致各种问题，例如下拉菜单不起作用(该脚本设计用于文本框和下拉菜单，或者至少它是在考虑到这一点的情况下实现的)，并且它可以在 ie6 中运行。

我的一些用户在没有通知我的情况下已切换到 ie7，其余的用户将在未来某个时间切换到 ie7。所以，我想实现一个更友好的解决方案。我真的很喜欢 jquery，并且已经在应用程序上使用它来完成各种任务。此外，有人建议跨浏览器支持可能/最终在内联网上很重要。

我希望避免的是手动添加一堆 onblur="SomeMethod()"(或类似的东西)到控件(应用程序中必须有 600+)。事实上，如果我告诉我的老板，他可能会向我扔东西。

我已经在应用程序中使用 JQuery。使用的地方函数调用都是显式的，都是在onblur中调用的。

目前，我想做这样的事情:

$(document).ready (function( 
    $(':text').focus(function() 
    { 
        //Do Highlighting
    }

    $(':text').blur(function()
    {
        //Good bye highlighting
    }
)

1. 我走在正确的轨道上吗？ onblur 是我最好的选择吗？有更好的办法吗？
2. 其他 onblur 函数根据父字段的值显示/隐藏子字段。我意识到我没有提供代码，但我是否为自己设置了任何冲突？

Answer 1

使用jQuery的blur()和focus()方法。

此外，我认为您的意思是使用模糊功能删除突出显示(模糊意味着用户已单击相关元素)。使用 focus() 打开突出显示。

$(document).ready (function() {
    $(':text').focus(function() { 
        $(this).addClass('highlight');
    });
    $(':text').blur(function() { 
        $(this).removeClass('highlight');
    });
});