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
1 answer

React Native events do not fire

This is the body of my render() method. Why are none of these events firing? return ( this._events.emit("pointerdown", e)} onPointerUp ={e => this._events.emit("pointerup", e)} …
Lucien
  • 776
  • 3
  • 12
  • 40
0
votes
1 answer

onpointermove called with +/- values when trying to simulate scrolling

I'm trying to scroll using pointer events. I realize this isn't the proper way to do scrolling. I'm creating a game with a 'variable' scrolling experience. The code 'scrolls' but it's very wobbly and jerky. The console.log shows something curious:…
ScottJenson
  • 367
  • 1
  • 2
  • 10
0
votes
1 answer

How to bubble the pointer-events down the objects in a layer stack?

fabric.Object.prototype.objectCaching = false; var canvasBackground = new fabric.Canvas('backgroundcanvas'); var canvas = new fabric.Canvas('paintcanvas'); var canvas_2 = new fabric.Canvas('paintcanvas_2'); var canvas_3 = new…
metamagikum
  • 1,307
  • 15
  • 19
0
votes
1 answer

How to replicate the behavior of pointer-events:none in JavaScript

Is it possible to capture the onClick event in a div but ignore any other behavior as pointer-events is set as none? I have two divs, the background and a kind of a button overlaying this background. I'm capturing a drag event in the background and…
Enzo
  • 4,111
  • 4
  • 21
  • 33
0
votes
0 answers

Ag-Grid React headerComponentFramework small click target on mobile?

I'm working on a grid system with Ag-Grid, and would like to put an SVG icon (and other things) in the header of a column. Their example uses cellRendererFramework to render custom content in the column header. My issue, however, is that when I try…
Josiah Nunemaker
  • 781
  • 10
  • 20
0
votes
1 answer

Make elements clickable even if pointer-events is set to none

I am developing a tab slider and it is almost finished. However, I have bumped into a problem that makes elements unclickable. Currently, I have a div with class name content that contains all of slider's contents. It is positioned above the slider…
Kim Lian Lopez
  • 1
  • 2
0
votes
1 answer

Correct draggable element's pixel position to start from a arbitrary corner

The element containing a draggable or moveable handle can only start from the top left position, I have no idea how to adjust, calculate or correct the pixel values to make the draggable handle element start from say the bottom left like a normal…
Saul does Code
  • 882
  • 2
  • 10
  • 13
0
votes
1 answer

check status of pointer -events using jquery

Is it possible to check the status of pointer events within a class. I want to know if the pointer-events within a class is hidden or visible. I tried : var a = $(".overlay").pointerEvents(); but it seems it is not working. Thanks
Ahmed
  • 1,229
  • 2
  • 20
  • 45
0
votes
1 answer

Is it possible to click through an IFrame?

So, I basically have a button inside an iframe, which is as big as the screen. Now I want to be able to click the button(in the iframe) and also interact with the page behind the iframe. I am open for any suggestions!
Tammo Ronke
  • 43
  • 1
  • 8
0
votes
1 answer

How can I enable pointer-events to pass through elements without disabling them?

So I have a whole list item that I want to be clickable, but there are links inside it that need to be clickable as well. Turns out you cannot nest tags, so instead I made the list item and siblings, and positioned them to overlap. In order…
stackers
  • 2,701
  • 4
  • 34
  • 66
0
votes
1 answer

Streetview look around but not move around

I have embedded a streetview map that I want to only perform the action to look around (by click and drag with the mouse or with the compass) but not to move to a direction. I tried by applying pointer-events to none but that stops all pointer…
Dimitris
  • 35
  • 1
  • 8
0
votes
0 answers

Input field gets hidden along with whole div element when clicked into it

I have a php table retrieved dynamically from Mysql, and i also have an input field in the table to edit a column. When i clicked anywhere on the table, the table would disappear - so i used pointer-events: none; in the css. This cured the…
Chodri
  • 1
  • 1
  • 1
0
votes
1 answer

Get touch position on element when parent/body has scale transformation

I need to get the exact mouse/touch position from the left border of an element on move. The problem is, that my body is scaled down with transform:scale() depending on window/device size. The touch- and mouse-events x, pageX, and clientX properties…
Getter Jetter
  • 2,033
  • 1
  • 16
  • 37
0
votes
2 answers

Disable click until the window has loaded completely in ie 10 and 9

I am trying to disable click on an image element until all the resources have been loaded, as in enable the click after the window.load() or document.readystate in is complete status. The below code seems to work fine in Chrome and Safari, but am…
user5418103
0
votes
2 answers

pointer-events: none; Not working

What I have done is created a div at the bottom of my page that is transparent which is the same size as a fixed div at the bottom of the page. When the user scrolls down the fixed div is revealed under the rest of the website content. The…
Adam Cole
  • 49
  • 2
  • 7
1 2 3
…
15 16