У меня есть фиксированное изображение, которое накладывается на страницу, когда пользователь прокручивает сенсорный экран (мобильный).
Я хочу сделать это изображение «не кликабельным», «неактивным» или чем-то еще, чтобы, если пользователь касается и перетаскивает это изображение, страница за ним все равно прокручивается, как если бы изображения не было, «блокируя» взаимодействие.
Это возможно? При необходимости я мог бы попытаться предоставить снимки экрана, иллюстрирующие то, что я имею в виду.
Благодарность!
pointer-events
, это именно то, что я искал. Спасибо!unbind
иbind
я думаю, сработало бы, если бы я хотел преобразовать свои анонимные функции. Спасибо за ответ!CSS Pointer Events - это то, на что вы хотите обратить внимание. В вашем случае установите для указателей-событий значение «none». Взгляните на этот JSFiddle для примера ... http://jsfiddle.net/dppJw/1/
Обратите внимание, что при двойном щелчке по значку вы все равно щелкаете абзац.
div.child { ... background: #fff; pointer-events: none //This line is the key! }
источник
Если вы хотите использовать JavaScript:
document.getElementById("x").style.pointerEvents = "none";
<a href="https://www.google.com" id="x" />Unclickable Google Link</a> <br> <a href="https://www.google.com" id="" />Clickable Google Link</a>
источник