Сделать не кликабельным div

351

03 октября 2017, 07:12

Здравствуйте, вообщем простой вопрос. Есть div блок, внутри которого textarea, ссылка, и пару картинок. Как проще всего сделать этот блок недееспособным? Чтобы при нажатии на ссылку к примеру, ничего не открывалось, ну и так же на textarea, чтобы нельзя было ничего писать.

Думал наложить поверх невидимый блок, но как мне кажется это примитивно.

Answer 1

В css pointer-events: none;
В js сделать обработчик события, возвращающий false (например, addEventListener('click', function () { return false; });)

Answer 2

У любого элемента формы есть два состояния, которые ограничивают доступ к элементу или ввод данных, — блокирование (disabled) и только для чтения (readonly).

Когда к тегу добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий.

Answer 3

Используйте prevent default, или же css pointer-events: none; - сам сталкивался с такой же проблемой.