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

Forwarding mouse events to underlying flash

What I've done is have an image layer over a flash that uses my webcam to take a snapshot. I positioned the image correctly over the flash with position: absolute. And added wmode: transparent to my flash embedding. Then I need my mouse clicks to…
mp40
  • 9
  • 4
0
votes
1 answer

Supporting dragging and panning in a scrollable div with Pointer Events

Consider the case of a draggable div in a scrollable region. When you touch inside the div, further finger movements should drag the div around the region. When you touch outside the div, further finger movements should pan the scrollable region. I…
Anthony Mills
  • 8,676
  • 4
  • 32
  • 51
0
votes
3 answers

1 final mouseout fires after pointer-events disabled

My scenario is I listen to 'click' & 'mouseout' events on a div. When the click event fires, a class is added to the div to disable pointer-events. This works except that 1 final 'mouseout' event will fire after pointer-events have been disabled.…
Brad Woods
  • 1,507
  • 2
  • 12
  • 30
0
votes
1 answer

Cross-Frame events on IE Edge break HammerJS (v2)

I'm facing a strange problem that I think leaves HammerJS internal event loop with a stuck event that ruins subsequent detections. This only happens on Internet Explorer Edge on a Touch Device with PointerEvents. Basically, when using HammerJS for a…
rupps
  • 9,712
  • 4
  • 55
  • 95
0
votes
1 answer

Pointer-events: none - trying to click on iframe beneath PNG

I'm trying to set "pointer-events: none" to a semi transparent PNG, in order to be able to navigate the iframe (it's a Google Map) placed beneath that PNG. I tried giving "pointer-events: auto" to the iframe, and also "pointer-events: none" to the…
Ben Viatte
  • 485
  • 1
  • 5
  • 16
0
votes
1 answer

3-fingers Multi-Touch Support in Web Apps

Is it possible to handle more than 2-finger touch events in Javascript? In my tests, events stop firing when a third finger is added. I created an example using jQuery and the official jQuery Plugin: Pointer Events Polyfill. Tested in Chrome and…
skibulk
  • 3,088
  • 1
  • 34
  • 42
0
votes
1 answer

Make a clickable, animated hover using css only

The point is making an aside element enter when you hover on an image, using only CSS, but also, let its children accept click events. So far what I have is a functioning animated hover, which has a button in it and that button does act on click…
pilau
  • 6,635
  • 4
  • 56
  • 69
0
votes
0 answers

Register Certain Click events in iframe

I am trying to load a navigation header through an iframe so that various websites can all have the same navbar. I know there are other methods of accomplishing this (such as jQuery load) but I'd like to try and get it working with an iframe. In…
Dehli
  • 5,950
  • 5
  • 29
  • 44
0
votes
1 answer

Transition between two menu's and hide/ignore clickability of the secondary menu

I'm having two menu's on top of each other which transition between each other based upon the click of a specific anchor. Let's call them .defaultMenu and .secondMenu, the anchor is .showSecondMenu and to go back you've got to click .hideSecondMenu.…
Sander Schaeffer
  • 2,757
  • 7
  • 28
  • 58
0
votes
0 answers

Detect support for pointer-events:none on SVG

I have found an issue where trying to use pointer-events:none on SVG's in Safari 5.1.7 for Windows does not work, but works perfectly on div's. How would I go about detecting support for this using; Vanilla JavaScript or Modernizr to provide…
jaredrethman
  • 512
  • 5
  • 16
0
votes
1 answer

Is it possible to check pointerup event is using the same finger as pointerdown in JavaScript

I create a square div, and I want to know how many pointer is triggering pointer down event in the div on the screen; there is no property like event.touches.length in pointer event, so I use a counter variable to calculate the number of finger down…
Sam
  • 765
  • 3
  • 6
  • 21
0
votes
2 answers

Add touch events for mobile game

I am trying to create a game for crossing the road, I did for desktop version where I can move the player by using keys to cross the road, but now I want to do it for mobile version, any idea how to add keys to move the player on mobile…
user1929483
  • 71
  • 1
  • 7
0
votes
1 answer

Ignore CSS on every smartphone

I would like to ignore one CSS from my website on smartphone. Here is my CSS that I would like to ignore : a[href="http://localhost/wordpress/ireland/"], a[href="http://localhost/wordpress/france/"], a[href="http://localhost/wordpress/spain/"],…
Vjardel
  • 1,065
  • 1
  • 13
  • 28
0
votes
2 answers

How do I get the pointer's current position from the MSPointerMove event?

Currently I'm trying to implement touch support for an HTML element that should be draggable across a certain range. It's working on Android and iOS tablets using touchmove, but isn't working yet on IE 10 on a Windows tablet. I've managed to capture…
Vincent
  • 4,876
  • 3
  • 44
  • 55
0
votes
1 answer

Is there any way to make buttons behind a div clickable, without disabling the buttons IN the div?

I have a webpage that uses an iFrame to load a dynamic header (long story short, we have a big site which includes a Shopify page; every other page on the site uses an Ektron widget to load the header, but I can't do that in the Shopify code, so…
Erica Stockwell-Alpert
  • 4,624
  • 10
  • 63
  • 130
1 2 3
…
15
16