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 に色を制御させることができます。