Инлайн создать вход: цвет и нажмите()

Question

Окажись хрома есть ошибка с <input type="color">

Этот код работает: (с входом файла)

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

Но этот код не: (с цветом ввод)

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

Почему? :-(

Для проверки кода, вы можете открыть консоль браузера и вставьте код. Спасибо за вашу помощь.

Answer 1

Попробуйте

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

 
input.addEventListener("click", onColorBoxClick); 
 

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

Answer 2

вам просто создайте его в переменной и добавьте его в тело. поэтому в конце необходимо написать следующее:

document.body.appendChild(input); 

Answer 3

Проверен на последнем хром край в Firefox

только светлячок может открыть модальные из консоли Chrome и Края сделать ничего

Так что это какое-то ошибка/функция

Answer 4

Soluced!

Для ввода цвета необходимо добавить вход в дом. В моем контексте (угловой) у меня было нужно добавить вторую строку кода для фиксации вставки в задержке йот, как это:

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

document.body.appendChild(input); 

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

Answer 5

Это риск для безопасности, чтобы сделать это, так что я думаю, что он не будет доступен в все браузеры, предположительно, IE это разрешает, но Mozilla и Opera этого не делают.

Проверить этот ответ:

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