Allow the emulation of pointer events for browsers without native support, such as Internet Explorer.
JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
dist
example Allowed multiple overlays with pointer-events Nov 2, 2013
package
.gitignore
.jshintrc
.travis.yml
Gruntfile.js Added to Grunt Oct 31, 2013
README.md
bower.json
package.json

README.md

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!