pointer-events

Allow the emulation of pointer events for browsers without native support, such as Internet Explorer.

npm install pointer-events
5 downloads in the last week
9 downloads in the last month

PointerEvents

 

Install via npm: npm install pointer-events

Small little script for simulating pointer-events: none in older browsers – namely, Internet Explorer.

Please see the example/index.html example.

Implementing

You can use PointerEvents in very much the same way you use the CSS property. Simply specify data-pointer-events="none" on the element you want to have no pointer events.

<div class="foreground" data-pointer-events="none">
    Foreground element.
</div>

Functionality

  • Common events are relayed to the underlying node;
  • Properties except class and style are copied across;
  • Style cursor is copied across;
  • Adds and removes hover class for use instead of pseudo-class :hover;

PointerEvents uses document.elementFromPoint to determine what's immediately below the data-pointer-events node.

Bugs

Please feel free to submit new issues.

However if you want to make your own changes and to submit them via a pull request, then that would be more than appreciated!

npm loves you