検索
検索

入力に基づいて背景色を更新する

debugcn 投稿 Dev
1
ピーターピック

hexColorを含む入力があります。この入力が変更されるたびに、特定のdivの背景色を更新したいので、これまでのところ、入力からこの値を取得する次のjavascriptコードを追加しました。divの背景色をIDで更新し続けるには何が必要ですかNavBar

var navBar = document.getElementById("navBarColor").value;
Gaurang Joshi

あなたはこのデモで行うことができます。

$(function() {
    var bgColor = $('#colorpickerField1').val();   
    $('body').css("backgroundColor",'#' + bgColor);

    $('#colorpickerField1').keyup(function() {
       $('body').css("backgroundColor",'#' + $(this).val());
    });
});

LIVE DEMO //カラーコード別

LIVE DEMO //色名別

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0
サインイン

関連記事

分類Dev

入力値に基づいて背景色を変更する

分類Dev

入力状態に基づいて背景色にラベルを付ける

分類Dev

条件値に基づいて入力テキストの背景色を変更する

分類Dev

背景色の入力に基づいて、テキストの前景色の色を変更します

分類Dev

背景色に基づいて色を変更する

分類Dev

値に基づいて背景色を変更する方法

分類Dev

クリックボタンの色に基づいて入力の背景色を変更します。

分類Dev

nth-child / type-ofを使用して、ユーザー入力に基づいて背景色を変更するにはどうすればよいですか？

分類Dev

他のdivの背景色に基づいてdivの背景色を変更する

分類Dev

別のセルの背景色に基づいてセルの背景色を設定する

分類Dev

更新されたレコードに基づいて背景色を変更する

分類Dev

値JSに基づいて背景色を変更します

分類Dev

条件付き胸腺に基づいてtr背景色を変更する

分類Dev

背景色に基づいてフォントの色を決定する

分類Dev

背景色に基づいてフォントの色を決定する

分類Dev

背景色に基づいてフォントの色を決定する

分類Dev

テキストの変更に基づいて背景色を変更する

分類Dev

日付に基づいて背景色を設定するプラス

分類Dev

日付に基づいて背景色を変更するphpコード

分類Dev

ListBoxItem値に基づいてListBoxItemの背景色を変更する方法

分類Dev

セル値に基づいて行の背景色を変更する方法

分類Dev

RadioButtonに基づいてグリッドの背景色を変更する

分類Dev

セルの値に基づいて行の背景色を変更する

分類Dev

データに基づいて国の背景色を変更する

分類Dev

動的に変化する背景色に基づいてテキストの色を動的に変更する方法

分類Dev

VBAによって他のセル値に基づいてセルの背景色を変更する方法

分類Dev

jqueryを使用してthに基づいてtd要素の背景色を変更する方法

分類Dev

reactJsを使用して背景色に基づいてフォントの色を変更する方法

分類Dev

セル値DataTableに基づいて行の背景色を変更します

Related 関連記事

  1. 1

    入力値に基づいて背景色を変更する

  2. 2

    入力状態に基づいて背景色にラベルを付ける

  3. 3

    条件値に基づいて入力テキストの背景色を変更する

  4. 4

    背景色の入力に基づいて、テキストの前景色の色を変更します

  5. 5

    背景色に基づいて色を変更する

  6. 6

    値に基づいて背景色を変更する方法

  7. 7

    クリックボタンの色に基づいて入力の背景色を変更します。

  8. 8

    nth-child / type-ofを使用して、ユーザー入力に基づいて背景色を変更するにはどうすればよいですか？

  9. 9

    他のdivの背景色に基づいてdivの背景色を変更する

  10. 10

    別のセルの背景色に基づいてセルの背景色を設定する

  11. 11

    更新されたレコードに基づいて背景色を変更する

  12. 12

    値JSに基づいて背景色を変更します

  13. 13

    条件付き胸腺に基づいてtr背景色を変更する

  14. 14

    背景色に基づいてフォントの色を決定する

  15. 15

    背景色に基づいてフォントの色を決定する

  16. 16

    背景色に基づいてフォントの色を決定する

  17. 17

    テキストの変更に基づいて背景色を変更する

  18. 18

    日付に基づいて背景色を設定するプラス

  19. 19

    日付に基づいて背景色を変更するphpコード

  20. 20

    ListBoxItem値に基づいてListBoxItemの背景色を変更する方法

  21. 21

    セル値に基づいて行の背景色を変更する方法

  22. 22

    RadioButtonに基づいてグリッドの背景色を変更する

  23. 23

    セルの値に基づいて行の背景色を変更する

  24. 24

    データに基づいて国の背景色を変更する

  25. 25

    動的に変化する背景色に基づいてテキストの色を動的に変更する方法

  26. 26

    VBAによって他のセル値に基づいてセルの背景色を変更する方法

  27. 27

    jqueryを使用してthに基づいてtd要素の背景色を変更する方法

  28. 28

    reactJsを使用して背景色に基づいてフォントの色を変更する方法

  29. 29

    セル値DataTableに基づいて行の背景色を変更します

ホットタグ

アーカイブ