JQueryでHTML5カラーピッカーのポップアップをトリガーしようとしています

-1

入力[type = color]をクリックすると、カラーピッカーがポップアップウィンドウで開きます。私はJSでこれを引き起こしたいと思います。JQueryでHTML5カラーピッカーのポップアップをトリガーしようとしています

HTML

<div id="customColorPick"></div> 
<input id="customColorPickInput" type="color" />

jQueryの

$("#customColorPick").click(function() { 
    $("#customColorPickInput").click(); 
});

なぜこれが動作しませんか？

2017-08-19 First Last

DOM内のどこかをクリック発生せず、それをトリガーする方法はありません。あなたはそれを隠してから、テキストをつけることができます：https://jsfiddle.net/qe28xx1x/（< - 色*をクリックします）。 – BenM

私はフィドラーを作成しました。これはChromeとFirefox.httpsの両方で動作します：//jsfiddle.net/tgptaezr/ – Frankusky

このコードを試してください、あなたが探しているものではないかもしれませんが、あなたのために働くかもしれません。 https://jsfiddle.net/htmlcssperson/qe28xx1x/4/

<div id="color"> 
    <div class="colorpick"> 
    <input id="customColorPicker" type="color" /> 
    </div> 
</div>

CSS内部の色付きのボックスをクリック：

.colorpick { 
    visibility: shown; 
}

2017-08-19 18:07:00 Programmer01

答えて