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.
pointer-events
249
questions
0
votes
0
answers
37
views
When using stylus, pointermove event does not update target upon entering child [duplicate]
In the snippet below, the circle disappears if either (1) I click inside the circle and move the mouse or (2) I click outside the circle and move the cursor into the circle while holding down the ...
0
votes
0
answers
22
views
Preventing ScreenShot on websites connected with acounts
After a long search I couldn't find a way to prevent screen capture (there is only drm for videos and not free).
So, Can we use gotpointercapture event because it has a pointerType property and its ...
1
vote
0
answers
30
views
Is there any way to get setPointerCapture to work with artificial pointer events?
I'm working on a browser extension that creates artificial pointer events and sends them into the page using dispatchEvent like so:
function myCreatePointerEvent(pointerId, isPrimary, screenX, screenY,...
1
vote
2
answers
83
views
How to keep the focus (in/out) of my drop-down lists
I'm trying to create a dropdown list of buttons that only show up when the mouse pointer hover on the first button that is not hidden, and the dropdown list disappear when pointer leave when it no ...
0
votes
0
answers
59
views
Why are pointer events disabled when using Apple's pencil in Safari?
I'm using pointer events to build a multi-touch interface for web. If I use multiple fingers, each pointer captured as I'd expect. But on an iPad, if one of those pointers is an apple pencil, this ...
1
vote
0
answers
78
views
Pen pointer events in Linux Chrome and Firefox not working as intended
I'm writing a cross-platform JavaScript-based drawing tool and run into severe problems on Linux.
First, Google Chrome's pointer events do not distinguish between the regular tip and the eraser end.
...
0
votes
0
answers
39
views
Dragged component overlapping/over drop target/component so onPointerOver/onPointerEnter event of below component not firing
In my react project, I was able to implement a crude implementation of drag and drop as I didn't want to rely on any drag and drop libraries in order to have a fundamental understanding of how to ...
2
votes
5
answers
117
views
Can't click though HTML element to buttons
I'm working on a portfolio website and want to click a few buttons towards the middle of the page that reference course names, but I'm unable to click through the element, even with pointer-events:...
0
votes
0
answers
27
views
Why does Pixijs use different elements for PointerEvent listeners?
I'm learning the source code of Pixijs, and I came across the part related to PointerEvent:
self.document.addEventListener('pointermove', this.onPointerMove, true);
this.domElement.addEventListener('...
0
votes
0
answers
13
views
pointer-events: none if cart is empty
first, sorry my bad English.
i use Elementor pro + WooCommerce in my website.
for cart, i use Elementor menu cart in my website and set that on header.
you can see that in this link.
i try to make a ...
-1
votes
1
answer
182
views
JavaScript setting pointer-events from none to auto
I need a way to overwrite my elements that are set to pointer-events:none. I have already tried a few things, but it doesn't seem to be able to control the elements under this setting.
const ...
1
vote
1
answer
51
views
Pointermove event not returning element index on touch
I'm trying to let users change some dot colours on a d3.js SVG chart.
It seems current element index is not being updated continuously in the pointermove event function on touch while for example ...
0
votes
1
answer
172
views
Position of element following cursor offset by container content
I am trying to create a drag and drop feature that is a child component within a modal where the currently dragged item follows the position of the mouse, however, the position of the mouse is being ...
-1
votes
1
answer
54
views
Hover & Click on overlapped SVG's
I have a div with several SVG's textPaths that are overlapped with a position absolute. The problem is that I can hover and click in all of them in Google Chrome, but not in Safari (the ...
0
votes
1
answer
459
views
Relation between mouse, touch and pointer events in Javascript
Trying to get event handling correct for a web app that should work equally well with mouse and touch events, I started using pointer events where mouse and touch handling should be basically the same....