Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.02.2021, 09:46
Аспирант
Отправить личное сообщение для RX200 Посмотреть профиль Найти все сообщения от RX200
 
Регистрация: 06.02.2011
Сообщений: 54

input type="color" некорректно работает.
Сделал свою кнопку input type="color" реализована пока на мой взгляд криво.
первая проблема сложно контролировать положение окна для выбора цвета, в Mozilla Firefox окно для выбора цвета всегда появляется слева вверху, в Chrome и Edge чтоб появлялась где надо, нужно делать невидимую input type="color" и событиями input_color.focus(); input_color.click(); вызывать. Но это еще ладно.
Основная проблема в том что нет события когда пользователь, закрывает окно выбора цвета без изменения. Ещё если в Firefox пользователь может выбрать как изменение цвета так и отмену, то в Chrome и Edge отмены выбрать не может.
В общем чего не хватает. в Firefox
1. возможности настраивать позиции окошка для изменения цвета.
2. Возможность отслеживать событие закрытие окошка цвета без изменения цвета, причем с возможностью понять нажал пользователь "ок" или "отмена".

В Chrome и Edge также событие закрытия окна изменения цвета если изменение не произошло.
Так же желательно в Chrome и Edge сделать кнопку отмены изменения цвета.

Поясню в реализации, чтоб было понятно, есть несколько элементов(список), где пользователь может каждому элементу менять цвет, тут вобщем то событие где пользователь не менял цвет ненужно, Но есть еще кнопка для изменения цвета всех элементов, так вот когда её пользователь нажимает там часто уже установлен цвет на который скорее всего пользователь захочет изменить все элементы, но так как пользователь дальше просто нажимает "ок", ни чего не происходит. Можно конечно установить кастыль, отслеживающей появление мыши над документом, но как понять если пользователь передумает и нажмет "отмена", которой кстати в Chrome и Edge вообще нет.

Полностью реализовывать свое окно для выбора цвета неохота. Может кто сталкивался с проблемой и нашел решение.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
parent.window.opener.location.replace работает некорректно. Где ошибка? Guron5 Общие вопросы Javascript 1 08.07.2014 14:05
Почему не работает input вне формы в IE10? AlexSpl (X)HTML/CSS 6 10.04.2014 21:41
При добавлении DOCTYPE "плывут" размеры input type=text Demath (X)HTML/CSS 4 08.07.2012 19:27
Opera не выполняет style.fontSize=... в поле input Маэстро Opera, Safari и др. 6 20.06.2011 12:03
Разным элементам input - разное форматирование. Как? eclipse (X)HTML/CSS 1 25.10.2007 13:55