4

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

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

4
  • Сделайте скриншот и вставьте картинкой.
    – Darth
    2 окт 2017 в 13:13
  • 1
    pointer-events: none; на контейнере
    – Grundy
    2 окт 2017 в 13:14
  • Сделать поверх невидимый блок — это не примитивно. В любом случае это лишь фронт-энд. 2 окт 2017 в 13:44
  • Не забудьте, что в форму можно попасть не только кликом мыши, тачем, но и табом, пропишите отрицательный табиндекс
    – kizoso
    16 окт 2017 в 16:54

4 ответа 4

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

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

2

Можно js-ом добавлять элементу в style pointer-events: none;

var div_id = document.getElementById('div_id');

div_id.style.pointerEvents='auto'; //on click
div_id.style.pointerEvents='none'; //off click
1

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.