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 detect finger count on pointer events in IE 11

I have implemented pointer events for canvas object. I need to know how we can detect finger count for touch events. Here is a piece of my code: canvasObj.addEventListener( 'pointerenter', mouseEnterCall, false ); canvasObj.addEventListener(…
Joe
  • 365
  • 2
  • 9
  • 24
1
vote
2 answers

Pointer Events IE11/ Surface

What is the best way to handle touch/pointer events on a surface tablet? I find its behavior quite confusing. I wrote a script that just set all the event handlers to figure out how the events are fired (setting native event handlers, using jQuery…
Joschi
  • 2,874
  • 1
  • 18
  • 23
1
vote
0 answers

IE 11 delay in touch events (3 seconds)

The code below is a very simple version of what I'm trying to do. I'm trying to trigger a looping function while an element is pressed. This is for use on a touchscreen, so in production I'm actually using hammer.js to unify the touch listeners. …
Seth Phillips
  • 87
  • 9
1
vote
2 answers

Unable to click on items in modal window

I've been trying to fix a problem with my modal window i'm using. http://dev.ikov.org/store/index.php When you go to the store, then press weapons on the right hand side, then select the item, the modal window pops up. However, i cant highlight the…
msafi
  • 377
  • 1
  • 5
  • 19
1
vote
3 answers

How can I detect non-functional pointer-events?

It says here that Opera 12 doesn't support pointer-events. And it is true, it breaks my website. The problem is that they do support the property in css, even if they don't seem to do the right thing with it. Feature detection in the form of…
dsign
  • 12,340
  • 6
  • 59
  • 82
1
vote
1 answer

Hover state Pointer events:none Javascript fallback

I have an image with behind a transparent part of it a list-element that can be hovered. The image has to be on top of the list-element. This can be achieved with pointer-events:none; on the image. However IE Versions under 11 do not support this…
PSZ_Code
  • 1,015
  • 10
  • 29
1
vote
1 answer

How to make jQuery UI elements react to HTML5 pointer events?

I'm trying to 'marry' jQuery-UI functionality with the new HTML5 pointer events, but no luck so far. For example, how to make the draggable sample work with those events? Even high-level steps / direction answer would be appreciated. I've tried the…
Massimiliano
  • 16,770
  • 10
  • 69
  • 112
1
vote
1 answer

CSS & jQuery - Click through image, but do register hovering

I have an image at the bottom of my page (or actually, window) and it is like a rising building. However, sometimes it overlaps page and/or footer content. This isn't a really big problem since I just added pointer-events: none;. But I wanted to,…
Isaiah
  • 1,852
  • 4
  • 23
  • 48
1
vote
1 answer

Preventing clicks without pointer-events:none

I'd like to place a custom placeholder text element above a text input (input type='text' or textarea). However, I can't figure out how to make the text input clickable when the placeholder text element is right above it. Setting…
1''
  • 26,823
  • 32
  • 143
  • 200
0
votes
1 answer

How to apply pointer-events for only one underneath element

I have below code:
The…
Subhan Shamsoddini
  • 41
  • 8
0
votes
2 answers

How can I disable anchor pointer events while keeping them for anchor children?

I have an anchor element that has several children inside. Requirements changed and now anchor might or might not have a link on it. The easiest way to change it would be to disable click events for anchor and keep it for children (they have some…
budgiebeaks
  • 159
  • 9
0
votes
1 answer

how to hover a pointer-events:none / another way to solve this mystery

I have 4 elements on top of each other, with the following opacity settings (from bottom to top): id - 0 id - 0 div - 1 text - 1 I need that by hover element 2, the changes of the opacity settings will be: id - 1 id - doesn't matter div - 1 text…
Gaya Gal
  • 1
0
votes
0 answers

I am building a UI overlay on top of an iframe. Overlay is preventing scroll of iframe. pointer-events: none causes overlay hover not to work. ideas?

I have an iframe that I control the contents of. I am overlaying a set of ui controls on top of it. The overlay overs large portions of the iframe. In order to scroll the iframe I have found the only solution to be to set pointer-events: none on…
user1768699
  • 1,041
  • 9
  • 8
0
votes
0 answers

How to change body style "pointer-events" to "auto" whenever OverLay is shown in Vaadin Flow?

Many components, such as Dialog, MenuBar, ComboBox, DatePicker, TimePicker and etc, use an ovverlay when it is opened. For example, when a menu item is clicked, menu is shown, and an overlay is added to the document. Style "pointer-events:none;" is…
aha
  • 33
  • 4
0
votes
1 answer

How to change/override property pointer-event in a Vaadin dialog

We have a third party application (launch button only) which is always shown on top most in our application. It works fine except for modal dialogs which prevent interaction. After some digging, we noticed the style "pointer-events:none;" causes the…
aha
  • 33
  • 4
1 2 3
…
15 16