檢查元素的自動模糊功能的原始值？

Question

使用javascript/jquery，我想自動將顏色值更改爲焦點上的文字輸入，但在模糊時將其返回到其原始顏色。到目前爲止，我所得到的最好結果是將值存儲在ID爲關鍵字的關聯數組中，然後以這種方式訪問​​它，但我不想走這條路。有沒有更好的選擇？

謝謝！

Answer 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控制顏色。