Не работает переопределение контекстного меню инпутов.
В таблице внутри каждой table-cell
находится disabled
input
-элемент (текст или чекбокс). На table-row
блоке установлено событие oncontextmenu
. В этом меню предполагается активировать инпуты для редактирования, сохранять и деактивировать. К сожалению меню переопределяется только если клик происходит по table-cell
до начала инпута (в пределах padding
), а если же кликнуть по инпуту, то установленный на нём event.preventDefault()
не срабатывает, а появляется стандартное меню браузера для редактирования инпута.
Как это обойти? Хотелось бы, чтобы пользователь просто кликал по строке таблицы, которая подсветится при наведении, а не выискивал область где сработает кастомное меню.
Вот пример: на блоке работает, на инпуте нет.
div {
background: gray;
padding: 8px;
width: 32px;
text-align: center;
}
Right click on input and div:<br>
<input type="text" value="input" disabled oncontextmenu="event.preventDefault();alert(event.x)">
<hr>
<div oncontextmenu="event.preventDefault();alert(event.x)">div</div>
[UPDATE]
Не работает на disabled
инпуте. На активном работает