检查元素的自动模糊功能的原始值?

时间:2013-04-08 23:36:05

标签: javascript jquery html css

使用javascript / jquery,我想在文本输入的焦点上自动将颜色值更改为相反的颜色值,但是在模糊时将它们返回到原始颜色。到目前为止,我提出的最好的方法是将值存储在一个以ID为关键字的关联数组中,然后以这种方式访问​​它,但我不想走那条路。还有更好的选择吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

在相关元素上使用jQuery的.data()。它专为您想要做的而打造。

$(whatever).focus(function() {
    var item = $(this);
    item.data("origVal", xxx);
}).blur(function() {
    var item = $(this);
    var originalValue = item.data("origVal");
    // do whatever you want with the original value
});

仅供参考,最好只创建一个“活动”类并使用CSS来控制颜色:

$(whatever).focus(function() {
    $(this).addClass("active");
}).blur(function() {
    $(this).removeClass("active");
});

然后,您可以在CSS中定义正常颜色,并在active类存在时定义特殊颜色。您可以添加/删除“活动”类,让CSS控制颜色。