Описание тега pointer-events
В HTML5: аппаратно-независимые события от таких устройств, как мышь, перо или сенсорный экран. В CSS: свойство, определяющее, может ли конкретный графический элемент стать целью событий мыши.
3
ответа
1 заключительная мышка срабатывает после отключения событий указателя
Мой сценарий заключается в том, что я слушаю события "click" и "mouseout" в div. Когда срабатывает событие click, в div добавляется класс для отключения событий указателя. Это работает за исключением того, что 1 последнее событие 'mouseout' будет ср…
15 апр '16 в 23:15
1
ответ
Сделайте кликабельный анимированный курсор, используя только CSS
Дело в том, чтобы сделать aside элемент вводится при наведении курсора на изображение, используя только CSS, но также позволяет его дочерним элементам принимать события щелчка. Пока что у меня есть работающий анимированный курсор, в котором есть кно…
30 авг '15 в 18:38
1
ответ
Событие pointermove не работает с сенсорным экраном. Почему бы и нет?
У меня есть эта ручка: https://codepen.io/anon/pen/eyKeqK Если вы попробуете это на устройстве с сенсорным экраном (например, посетите перо на своем телефоне), вы заметите, что при перетаскивании белый свет (маленькая сфера) движется только на кроше…
06 янв '18 в 04:49
2
ответа
Отключить связь с событиями указателя, но оставить активным событие:hover
Я не хочу отключать ссылку на моей домашней странице с помощью селектора атрибутов и pointer-events: disable; но я бы хотел сохранить эффект:hover. Это CSS: Section#thumbnails .thumb a[title="Yorokobu"]{ pointer-events: none !important; display: blo…
18 апр '17 в 12:18
8
ответов
Есть ли в CSS указатель-события:hoverOnly или похожий?
Просто играл с pointer-events свойство в CSS. у меня есть div что я хочу быть невидимым для всех событий мыши, кроме :hover, Таким образом, все команды нажатия проходят через div на тот, что ниже него, но div может сообщить, находится ли мышь над ни…
04 мар '14 в 09:52
0
ответов
Рисование холста пером поверхности
В настоящее время я использую этот код для рисования на холсте ручкой из Microsoft Surface (на поверхности, конечно): <html> <head> <style> /* Disable intrinsic user agent touch behaviors (such as panning or zooming) */ canvas { to…
19 май '17 в 08:37
1
ответ
Как получить доступ к событиям прецизионного указателя сенсорной панели, выпущенным в edgeHTML 17
Я разрабатываю игру на холсте, которая интерпретирует события "колеса" как команду для увеличения / уменьшения масштаба сцены. Я проводил игровые тесты в Edge на своем ноутбуке, когда понял, что Edge не запускает события "колеса", когда прокручивает…
17 авг '18 в 09:57
0
ответов
Как сделать так, чтобы кнопки позади div нажимали, не используя "pointer-events:none"?
У меня есть два div, я поместил один перед другим, используя z-index. К сожалению, они должны быть расположены таким образом, изменение расположения элементов не является вариантом. Проблема в том, что у меня есть кнопки в ОБА Div, которые должны бы…
22 июл '14 в 18:04
0
ответов
События указателя: ни один не работает в Safari v7 в iPad
Я пытаюсь отключить щелчок на двух элементах div, пока другой div не загрузится полностью. После его загрузки я удаляю события указателя: ни одного к нему. Для этого я добавляю класс, который имеет следующее: .someclass { pointer-events: none } снач…
30 авг '18 в 10:28
0
ответов
Обработка нескольких событий указателя в IE11 Metro/Mobile с разрешенными сенсорными действиями pan-x и pan-y
У меня есть веб-приложение, в котором я хочу обрабатывать жест масштабирования в javascript, а не разрешать браузеру масштабировать весь пользовательский интерфейс. Насколько я понимаю, в IE11 вам нужно указать CSS сенсорного действия для элемента, …
09 апр '15 в 18:44
1
ответ
iframe с указателями-событиями: нет; но с div внутри, у которого есть события указателя: auto;
Можно иметь внешний div с указателями-событиями: нет; и другой div внутри него с указателями-событиями: auto;. Внешний div будет прозрачным для событий click (то есть он не будет реагировать на события click, но основные HTML-элементы управления буд…
06 май '14 в 16:07
1
ответ
Можно ли проверить, что указатель на событие использует тот же палец, что и указатель вниз в JavaScript
Я создаю квадратный div и хочу узнать, сколько указателей вызывает событие указателя вниз в div на экране; в событии указателя нет такого свойства, как event.touches.length, поэтому я использую переменную счетчика для вычисления количества нажатий в…
07 май '15 в 06:34
0
ответов
Получить функцию onclick, работающую с событиями указателя
Мне нужно, чтобы функция onclick работала с событиями указателя: нет. Так что в основном, когда мой div нажал, я мог бы сказать, например, оповещение, но он мог бы щелкнуть через этот div. Я не могу найти никакого решения для этого. Может быть, кто-…
24 дек '13 в 15:19
1
ответ
IE10: события указателя: никто не нажимает
У меня проблемы с моим приложением в IE <=10 . И я использую этот polyfill для поддержки pointer-events: none в IE но все же я могу нажать на свой элемент, в других браузерах я нет. что я делаю не так? HTML: <!DOCTYPE html> <html> <he…
06 ноя '15 в 12:31
2
ответа
Как вызвать событие щелчка мышью на нескольких элементах HTML, охватывающих друг друга?
Как вызвать несколько событий щелчка мышью на произвольном количестве HTML-элементов, перекрывающих друг друга? Я знаю, что вы можете использовать pointer-events: none; чтобы ваш щелчок проходил через ваши элементы, но что если я захочу вызвать собы…
15 июл '18 в 13:51
2
ответа
Реакция: обходной путь для событий указателя CSS: нет в IE9
Я был бы признателен за некоторую помощь в реализации обходного пути для событий указателя: ни одного из них для моего компонента React button в IE9. Я использую эту кнопку для отправки формы. Я передаю реквизит кнопке, и, в зависимости от значения …
14 сен '17 в 04:03
1
ответ
Как смоделировать SVG `указатель-события: ограничивающий прямоугольник` в Firefox & Safari
У меня есть SVG с вложенными SVG внутри, которые обернуты в различные <a> теги. Я хотел бы, чтобы весь вложенный SVG активировал ссылку (т. Е. Был активным), но, похоже, я не могу использовать свойство CSS pointer-events: bounding-box поскольк…
07 дек '18 в 04:52
4
ответа
CSS: применять события указателя только к тексту
Есть ли способ использовать CSS-события указателя для применения только к тексту, например, в div? Кажется, это работает с SVG, но есть ли свойство, которое можно применять только к обычным текстовым элементам? Вот чего я пытаюсь добиться: <div s…
10 мар '17 в 14:37
1
ответ
Есть ли способ узнать, точны ли метки времени событий указателя в Chrome IOS, чем родное событие IOS со стилусом?
Я собираю баллы через HTML-холст с помощью JavaScript в Chrome IOS. Мне нужно понять, как генерируются метки времени указателя и события, и сравнить их с собственной меткой времени IOS. В Chrome IOS частота кадров составляет около 60 кадров в секунд…
25 янв '19 в 09:07
1
ответ
css pointer-events: никто не работает в chrome
Это странно. У меня есть стрелка, которую пользователь нажимает, чтобы перейти на следующую страницу (это фотогалерея). Итак, у меня есть изображение стрелки, обернутое в тег, где href указывает на следующую страницу. Это жестко закодировано. <a …
29 янв '19 в 19:56