Inline erstellen Eingabe: Farbe und klicken Sie auf()

Question

Es Chrom erscheinen hat einen Bug mit <input type="color">

Dieser Code funktioniert: (mit einer Datei-Eingabe)

var input = document.createElement('input'); 
    input.type = 'file'; 
    input.click(); 

Aber dieser Code nicht: (mit einer Farbe Eingang)

var input = document.createElement('input'); 
    input.type = 'color'; 
    input.click(); 

Warum? :-(

den Code zu testen, können Sie die Konsole Browser öffnen und fügen Sie den Code. Vielen Dank für Ihre Hilfe.

Answer 1

Versuchen Sie, diese

var input = document.createElement('input'); 
 
    
 
input.setAttribute("type", "color"); 
 
document.body.appendChild(input); 
 

 
input.addEventListener("click", onColorBoxClick); 
 

 
function onColorBoxClick(){ 
 
console.log('onclick'); 
 
}

Answer 2

einfach erstelle es in einer Variablen und muss es an den Körper anhängen so am Ende muss dies schreiben:

document.body.appendChild(input); 

Answer 3

auf neuestes Chrom Getestet ein firefox Rand

Nur ist firefox Lage, die modal zu öffnen von der Konsole Chrome und Edge-nichts tun

Das ist also eine Art Bug/Feature

Answer 4

Gelöst!

Für Farbeingabe muss die Eingabe in die Dom hinzugefügt werden. In meinem Kontext (Winkel-) hatte ich brauche eine zweite Codezeile hinzuzufügen, für den Einsatz in dom Verzögerung wie dieses Problem zu beheben:

var input = document.createElement('input'); 
    input.type = 'color'; 
    input.style.opacity = 0; 

document.body.appendChild(input); 

$timeout(function() { 
    input.click(); 
}, 100); 

Answer 5

die ein Sicherheitsrisiko, dies zu tun ist, so denke ich, es wird nicht in alle Browser, angeblich IE erlaubt es, aber Mozilla und Opera nicht.

prüfen diese Antwort:

In JavaScript can I make a "click" event fire programmatically for a file input element?