pointer-events

v0.0.4
Allow the emulation of pointer events for browsers without native support, such as Internet Explorer.
pointer-events pointer events pointer-events IE pointer events IE pointer-events internet explorer pointer events internet explorer pointer-events all

Readme Versions Dependencies Scripts

PointerEvents

 
  • Install via npm: npm install pointer-events
  • Install via Bower: bower 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 i pointer-events

Metadata

Downloads

Maintainers