1

カラーピッカー入力(type = color)は、ネイティブサポートがないため、Firefoxではテキストボックスとしてレンダリングされますが、Chromeでは、ブラウザーははるかに優れたネイティブコントロールをレンダリングします。ただし、jQueryを使用してblurイベントにバインドすると、Firefoxでは機能しますが、Chromeでは機能しません。

これは(まだ)実装されていませんか、それとも別のイベントを使用する必要がありますか?

これが問題のコードを含むjsFiddleです(クロームではなくFFで動作します)http://jsfiddle.net/Rgu6h/13/

4

3 に答える 3

1

問題を見つけたばかりです。知りたいのは、値が変更されたかどうかです。そのため、クリック/ぼかし/マウスなどのイベントではなく、変更イベントにバインドできます。時々、解決策はあまりにも明白です。

于 2012-10-09T09:07:05.437 に答える
0

modernizr.jsをダウンロードして、入力タイプの色がブラウザーでサポートされているかどうかを確認できます。そうでない場合は、ぼかし時にカラーピッカーを表示する関数を記述します。

この概念は「ポリフィル」と呼ばれ、ブラウザがネイティブでサポートしていない場合に追加の関数を作成することで構成されます。

詳細については、ModernizrのWebサイト(http://modernizr.com/ )を参照してください。念のため、パッケージ全体をダウンロードする必要はありません。必要なものだけを選択できます。あなたの場合、それは9kファイルになります。(http://modernizr.com/docs/#inputtypes)

更新1:あなたの質問を誤解したようです。

アップデート2:クロームは入力タイプの色をボタンとして扱っているようです。「クリック」イベントを使ってみませんか?

于 2012-10-08T13:10:47.767 に答える
0

ぼかしは機能します。キーボードのTabキーを使用して入力にアクセスしてみてください。フォーカスがあり、ぼやけているのがわかり、divが表示されます。

を使用することをお勧めしますonmouseup。それはあなたがやろうとしていることに正確に依存します。

于 2012-10-08T13:11:13.670 に答える