246 questions
1 vote
1 answer
78 views
Angular using MouseEvent instead of PointerEvent it TypeScript
When I started learning AngularJs i ran into something weird in a component when i write a click event and get send the $event as the parameter the type of event has to be MouseEvent in the TS file, ...
0 votes
0 answers
55 views
Reliably detect pen, hand or mouse
Use case: User should be able to draw hand signature on any tablet using web app, however only a digital pen should be allowed for drawing. Can the aforementioned requirement be reliably implemented ...
0 votes
1 answer
68 views
CSS pointer events and spacebar
When I add pointer-events:none; to video (just to temporarily disable controls), if focus is on play button, spacebar still triggers play. is this intended behavior? what would be the cleanest to ...
0 votes
0 answers
41 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
41 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 ...
2 votes
0 answers
190 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
476 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 ...
2 votes
1 answer
628 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. ...
2 votes
5 answers
136 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:...
1 vote
1 answer
86 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 ...
1 vote
1 answer
465 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
60 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
1k 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....
1 vote
2 answers
2k views
Javascript drag and drop not working with pointer events
I am new to javascript and web development a whole, so I am sure there is a concept I am missing here and hopefully an easy way to fix this. I am using pointer events for drag and drop and it seems ...
-1 votes
1 answer
419 views
How to Change Background Image of a Div Element with Pointer-Events: None When It's Clicked?
I'm creating a mobile landing page by using a combination of two third-party pages embedded in iframes. One of the iframes has been optimized to display a volume button in 50x50 dimensions. The ...