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
0
votes
0 answers

Canvas handling event, then passing through to iframe....?

Despite searching all evening, I still haven't found a solution to this. I have the following layout in the DOM:
KarenRei
  • 589
  • 6
  • 13
0
votes
0 answers

onpointerdown e.stopPropagation not working in IE/Edge

I have tried disable link redirect on hybrid device (touchscreen laptop) by using event.stopPropagation() method and also event.preventDefault() method in event handler 'onpointerdown'. But it seems that is not working at all. Logs says that event…
Jayme
  • 45
  • 2
  • 10
0
votes
2 answers

React: workaround for CSS pointer-events: none in IE9

I would appreciate some help in implementing a workaround for pointer-events: none to my React button component in IE9. I use this button to submit a form. I pass down a prop to the button and, based on the value of this prop, the button will have…
bramO
  • 13
  • 3
0
votes
0 answers

Jquery Ui Accordion Pointer Events

Trying to set it so that the current open section of the Jquery Ui accordion has pointer events set to none, so that I can not click it again. Here is the code I have so far however it is broken. if ($("#accordion h3").hasClass("ui-state-active"))…
evilgenious448
  • 518
  • 2
  • 11
0
votes
0 answers

Javascript need to click underneath a drawImage

I have a map with buttons that I can click on but want to add a graphic layer over top. The problem is (even though everything I'm reading says it shouldn't do this), when clicking on any part of the topLayer png that has pixels, it doesn't let me…
Alanasaurus
  • 3
  • 1
0
votes
1 answer

How to prevent the sides of an image from being selected

Below I have an image followed by text. How do I prevent the area surrounding it from being highlighted? The image itself is not selectable (using -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ …
Cris
  • 231
  • 6
  • 16
0
votes
1 answer

How to find nested and transformed SVG element (e.g. circle / path / ...) based on click position

I am a beginner in web development & svg related topics. I think this should be easy for you svg experts, but I am struggling with this for a while now. All the resources I found on this topic don't seem to work for my fairly simple goal. My…
user2677466
  • 139
  • 1
  • 13
0
votes
1 answer

Detect only swipe events over an overlay div

I am trying to detect left,right swipe events on the screen using hammer.js. Currently its detecting swipe action over entire screen area since i am passing the main content div class.I've created an overlay div covering half of the screen area and…
Fazil Uruniyengal
  • 286
  • 1
  • 3
  • 15
0
votes
1 answer

Pointer events of jquery ui accordion

I am trying to make my Jquery Ui accordion work in a way that initially you can only open the first tab of the accordion. On click of the first accordion tab, the second one becomes openable (clickable), etc. all the way up to 7. I have set the…
evilgenious448
  • 518
  • 2
  • 11
0
votes
4 answers

CSS: Apply pointer-events To Text Only

Is there any way to use CSS pointer-events to apply only to the text e.g. in a div? This seems to work with SVGs but is there also a property to apply to regular text elements only? This is what I am trying to achieve:
Ood
  • 1,445
  • 4
  • 23
  • 43
0
votes
1 answer

Stop embedded SVGs from capturing mouse events on Chrome

Pretty straightforward. I have an SVG embedded in my document through and I'm applying pointer-events:none in the style at the root . It works in Firefox but not in Chrome (I'm not interested in any other browsers at the…
hanzo2001
  • 1,338
  • 1
  • 10
  • 24
0
votes
1 answer

How to deactive css hover on empty areas

I have something like this I try to deactive hover on the red area, I can set the img position to absolute and it happens but I believe its not the right way. I provided the full code here https://jsfiddle.net/m6ephL81/1/
zEn feeLo
  • 1,877
  • 4
  • 25
  • 45
0
votes
1 answer

jScrollPane + Embedded Youtube Video Hover

I am using a jscrollpane to incorporate a custom scroll bar into my site. The users of my site have recently started to embed youtube videos into the content within the jsscrollpane container. The problem I'm having is that when the user scrolls,…
cwiggo
  • 2,541
  • 9
  • 44
  • 87
0
votes
1 answer

Unity Vuforia Google VR - Can't make onPointerEnter to GameObject change material for itself

I have two 3d buttons in my scene and when I gaze into any of the buttons it will invoke OnPointerEnter callback and saving the object the pointer gazed to. Upon pressing Fire1 on the Gamepad I apply materials taken from Resources folder. My problem…
Muadzir Aziz
  • 27
  • 7
0
votes
2 answers

How to enable pointer events

I noticed that in my angular app the property window.navigator.pointerEnabled returns true Now, because I would like to do some testing which involves pointer-events inside a jsfiddle.net I noticed that these events are not present there. This…
Jeanluca Scaljeri
  • 26,343
  • 56
  • 205
  • 333
1 2 3
…
15 16