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
4
votes
2 answers

Click only through holes in svg mask

I have svg mask which determines holes in rectangular. Behind svg mask I have some clickable elements and I would like to pass events to them, but only through holes. I've experimented with pointer-events values, but I can only make either whole…
arsonist
  • 175
  • 1
  • 11
4
votes
2 answers

Does setPointerCapture works only for pointerDown event?

MDN says: The setPointerCapture() method of the Element interface is used to designate a specific element as the capture target of future pointer events. Subsequent events for the pointer will be targeted at the capture element until capture is…
weeklyTea
  • 316
  • 2
  • 10
4
votes
3 answers

MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead

How do I fix this in the code? This is strange, because I cannot find that in the code, but Firefox complains about that "MouseEvent.mozPressure is deprecated. Use PointerEvent.pressure instead." in console. Is there a way to fix this? I don't…
user11989611
4
votes
0 answers

D3 js not reacting to drag events in Android-Webview

I have an Android-webview including a d3.js (v5) graph. Recently, the graph stopped responding to any events (drag, click, zoom) on several devices. I did not update the code base, so I guess it's related to an Android update? I used Remote Webview…
Wiwi
  • 150
  • 1
  • 7
4
votes
2 answers

Getting error when I try to define pointerEvent property within ReactJs application

I have component which have div element. I want to be able to disable/enable clicking on that div element based on the border color of that div element. Idea is to have a method which will return what border color should be drawn on div, and then…
thug_
  • 893
  • 2
  • 11
  • 31
4
votes
3 answers

PointerEvents not detecting Wacom Tablet

I'm attempting to use Pointer Events to detect graphics tablet input including pen pressure, but Chrome and Firefox don't seem to be reading the tablet device (Wacom Intuos 4) properly. All pointer events come back with the same pointerId and…
coreyschram
  • 195
  • 3
  • 17
4
votes
0 answers

`WKWebView` on macOS, missing pointer events (hover, cursor changes, etc.)

As a test, I put a WKWebView into an NSWindow in a template macOS app. Everything works as expected, except the mouse cursor doesn't change when hovering over hyperlinks, and the corresponding ":hover" pseudo classes (etc.) don't trigger in CSS,…
Ben Guild
  • 4,881
  • 7
  • 34
  • 60
4
votes
1 answer

CSS pointer-events to disable clicks on underlying elements too

I want to disable the behavior from triggering the hovering on the tr tags, specifically on the space that has the word "COLUMNA". Strangely, Google Chrome apparently disabled clicking of underlying elements, you can run the code on Chrome and it…
Fabio Esparza
  • 116
  • 1
  • 8
4
votes
1 answer

Clipped SVG polygon receives mouse events

Here are the facts: I have a div with rounded corners containing an SVG element with rounded corners that creates a circle. Inside the circle (SVG) I am drawing four polygons that make out different circle quadrants. The polygons respond to hover…
noamsh
  • 41
  • 5
4
votes
2 answers

CSS Making a div change opacity, lightness when hovered over

My objective is to create an area that displays clickable text content, has hover that changes the whole area, and does NOT spaz out when the whole div or text is rolled over. I want to do this with css. For example, I want a div, say 500 x 500 px,…
PLCcory
  • 153
  • 3
  • 12
4
votes
3 answers

Pointer Events method of checking left- or right-click

I've configured Pointer Events through pointerevents-polyfill. There's an issue I have where I cannot differentiate between left- and right-clicks where right-clicking a nav item will do the same action as left-clicking instead of opening the…
Kevin Ghadyani
  • 6,829
  • 6
  • 44
  • 62
4
votes
0 answers

Get onclick function working with pointer-events none

I need to get function onclick working with pointer-events:none. SO basically when my div is clicked I could get let's say alert, but it would be able to click through that div. I can't find any solution for this. Maybe any of you know how to bypass…
Simon
  • 1,314
  • 4
  • 14
  • 26
4
votes
3 answers

Leaflet Label noHide no pointer event

I have to add custom cities name with a circleMarker en my map. But I want to clic throu the label because a have polygone under it There is my JS code thats add the circleMarker var ville_label = new L.CircleMarker( [lat, lng], {…
Yoann
  • 4,937
  • 1
  • 29
  • 47
4
votes
1 answer

Pointer events functionality using jQuery?

I am trying to recreate the pointer-events functionality using jQuery since pointer events doesn't work on IE and Opera. I have a div that when hovered another div shows up above it and having pointer-events is crucial so that when the div above is…
Tasos
  • 1,622
  • 4
  • 28
  • 47
3
votes
1 answer

A link that receives pointer-events after animating isn't clickable in Safari

I'm animating text with CSS where elements appear one after the other. Try it out first to see what I mean: .wrapper { pointer-events: none; /* remove pointer events from elements before they animate */ } .text { position: absolute; } /* The…
Robin Métral
  • 3,099
  • 3
  • 17
  • 32
1 2
3
…
15 16