javascript - 检查元素的自动模糊功能的原始值？

Question

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

谢谢！

Answer 1

.data()在有问题的元素上使用 jQuery 。它专为您想要做的事情而构建。

$(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 控制颜色。