javascript - JSColor 自動テキスト色変更

Question

jscolorを使用していますが、選択した色に基づいてテキストの色が自動的に変更されることに気付きました。例: 黒の背景色を選択すると、テキストの色が自動的に白に変更されます。とにかくこの機能を無効にする方法はありますか?

Answer 1

ジュリアン:

JSColor から次のコード行をコメントアウトします。

this.styleElement = target; // where to reflect current color 

ターゲット入力フィールドのスタイルを設定する関数を呼び出します。

Answer 2

追加styleElement.style.color = 'transparent';すると、入力フィールドからテキスト値を削除できますが、「font-color」属性では機能しません。

代わりに申し込んだ

styleElement.style.color = '#' + this.toString();

これにより、入力フィールドからテキスト値が削除され、font-color 属性も機能します。

ありがとう

Answer 3

ソースファイルに次のコードが見つかりました:

if (this.valueElement) {
            if (jsc.isElementType(this.valueElement, 'input')) {
                var updateField = function () {
                    THIS.fromString(THIS.valueElement.value, jsc.leaveValue);
                    jsc.dispatchFineChange(THIS);
                };
                jsc.attachEvent(this.valueElement, 'keyup', updateField);
                jsc.attachEvent(this.valueElement, 'input', updateField);
                jsc.attachEvent(this.valueElement, 'blur', blurValue);
                this.valueElement.setAttribute('autocomplete', 'off');
            }
        }

たとえば、カラーパネルから色を選択した後にテキストフィールドの背景色を更新したくない場合は、「入力」行にコメントするだけです。

Answer 4

これを見つけてみてください：

   this.exportColor = function(flags) {
            if(!(flags & leaveValue) && valueElement) {
                var value = this.toString();
                if(this.caps) { value = value.toUpperCase(); }
                if(this.hash) { value = '#'+value; }
                valueElement.value = value;
            }
            if(!(flags & leaveStyle) && styleElement) {
                styleElement.style.backgroundImage = "none";
                styleElement.style.backgroundColor =
                    '#'+this.toString();
                styleElement.style.color =
                    0.213 * this.rgb[0] +
                    0.715 * this.rgb[1] +
                    0.072 * this.rgb[2]
                    < 0.5 ? '#FFF' : '#000';
            }
            if(!(flags & leavePad) && isPickerOwner()) {
                redrawPad();
            }
            if(!(flags & leaveSld) && isPickerOwner()) {
                redrawSld();
            }
        };

次の行を編集します。

                    styleElement.style.color =
                    0.213 * this.rgb[0] +
                    0.715 * this.rgb[1] +
                    0.072 * this.rgb[2]
                    < 0.5 ? '#FFF' : '#000';

多分に

                styleElement.style.color =
                    0.213 * this.rgb[0] +
                    0.715 * this.rgb[1] +
                    0.072 * this.rgb[2]
                    < 0.5 ? '#000' : '#000';

もう少し綺麗にしたいなら

styleElement.style.color = '#000';

これはテキストを完全に隠すために機能します

styleElement.style.color = 'transparent';