Stack Overflow
Stack Overflow

Questions tagged [pointer-events]

In HTML5: hardware-agnostic events from devices like a mouse, pen, or touchscreen. In CSS: a property specifying if a particular graphic element can become the target of mouse events.

Learn more about HTML5 pointer events:

Learn more about CSS pointer-events property:

238 questions
1
vote
1 answer

How to disable pointer-events on web component with polymer?

How do I set temporarily disable/enable a pointer-event in polymer web component by setting css properties pointer-events: none and pointer-events: auto?
Andrew See
  • 1,062
  • 10
  • 21
1
vote
2 answers

Is there a way to trigger a JavaScript onclick event on an element that has pointer-events set to none?

I have an element that has pointer events set to none, this is so hover styles for child elements don't show. However when this element is clicked on I want to do something with JavaScript. Using an onclick event in JavaScript does not seem to work…
tomhughes
  • 4,597
  • 2
  • 24
  • 33
1
vote
1 answer

How to catch Pointer events in a webcomponent on Firefox with Polymer 2?

I have built a javascript library which attach pointer events listeners to a DOM element (here). Today, I'm using it in a Polymer 1.9 web component to wrap it, using PEP to polyfill pointer events on Firefox, and it works fine:
FXG
  • 1,308
  • 1
  • 12
  • 21
1
vote
0 answers

Does chrome intentionally prevent css :hover thrashing

For example in Chromium 58.0.3029.81, the following will stop flashing between selectable and not selectable state if you mess around with it for some time by dragging a text selection around (it might take a minute). After that it seems to always…
Mihail Malostanidis
  • 2,686
  • 3
  • 22
  • 38
1
vote
2 answers

Disable link with pointer-events but keep active the :hover event

I wan't to disable a link in my home page with the attribute selector and the pointer-events: disable; but I would like to maintain the :hover effect. This is the CSS: Section#thumbnails .thumb a[title="Yorokobu"]{ pointer-events: none…
Rafa Garcés
  • 11
  • 1
  • 3
1
vote
1 answer

PepJs/pointer-event polyfill not working on iOs safari

I'm trying to setup pointer events cross-browser. Now, most browser support it already, but safari on iOs doesn't. So I'm trying to polyfill this with pep-js without much success. Here is my test-code:
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
1
vote
1 answer

How to get pointer events working in iOS

I am looking for a way to run the event pointers under WKWebview. More precisely, to be able to differentiate the finger of the apple pencil under iPad pro for example, to be able to write in a canvas. Otherwise, do you know libs or a way to make…
Khorwin
  • 445
  • 1
  • 9
  • 27
1
vote
0 answers

Apply only certain events in a div for Swipe Navigation?

I'm trying to implement swipe navigation for my mobile website. I'm using Angular 2 with hammerjs for the swipe event. I'm trying to figure out a good solution as to how I can add the swipe event. I have thought of using the body although realized…
Jonathan002
  • 9,639
  • 8
  • 37
  • 58
1
vote
2 answers

preventdefault and stoppropagation not working with pointermove

I'm making an app to draw inside an HTML5 canvas, but I can not do it from the mobile or tablet. I can not avoid the browser's native scroll or chrome refresh when pushed down I have created an example in jsfiddle so you can see it.
DiV666
  • 87
  • 2
  • 12
1
vote
1 answer

CSS pointer-events fails in Microsoft Edge

There is a drop-down in my web application. This drop-down is user-defined (not using the