#javascript #html #jquery
Вопрос:
Всем привет, я использую HTML-тип ввода=»цвет» для отображения средства выбора цвета. Я хочу получить выбранный цвет из палитры цветов, не нажимая за пределами всплывающего окна.
например
<input type="color" onchange="alert(this.value)">
Теперь я могу получить выбранный цвет только при нажатии за пределами средства выбора
Но я хочу получить цвет, нажимая цвет изнутри средства выбора (не нажимая снаружи всплывающего окна).
Спасибо, Заранее…
Комментарии:
1.
<input type="color" oninput="console.log(this.value)" />используйте oninput.2. @ikhvjs Потрясающе, это работает.
Ответ №1:
Вы можете использовать oninput обработчик событий вместо onchange .
<input type="color" oninput="alert(this.value)"> Комментарии:
1. вы проверили значение предупреждения со значением выбранного цвета, я пробовал, но это не работает.
2. @HarshGundecha Я проверил, что значение предупреждения о его приближении выбрано значение цвета, проверенное в версии chrome 90.0.4430.212
3. @giridharan понял, я тестировал после нажатия на значок карандаша, но, похоже, вы этого не искали, спасибо.
Ответ №2:
Вы можете прослушать событие ввода, следуя своему коду, например
<div id="value"></div>
<input type="color" oninput="document.querySelector('#value').innerText= this.value"> Ответ №3:
вы можете использовать атрибут oninput для того же
function selectColor(color) {
document.getElementById("selectedColor").innerText = color;
} <p id="selectedColor">select color</p>
<input type="color" oninput="selectColor(this.value)"/>