Skip to content

Cancel pointer-event:none effects in some elements #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dotpao wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Cancel pointer-event:none effects in some elements #12

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion pointer_events_polyfill.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ function PointerEventsPolyfill(options){
// set defaults
this.options = {
selector: '*',
cancel: '',
mouseEvents: ['click','dblclick','mousedown','mouseup'],
usePolyfillIf: function(){
if(navigator.appName == 'Microsoft Internet Explorer')
Expand Down Expand Up @@ -43,7 +44,8 @@ PointerEventsPolyfill.initialize = function(options){
// handle mouse events w/ support for pointer-events: none
PointerEventsPolyfill.prototype.register_mouse_events = function(){
// register on all elements (and all future elements) matching the selector
$(document).on(this.options.mouseEvents.join(" "), this.options.selector, function(e){
$(document).on(this.options.mouseEvents.join(" "), this.options.selector, {cancel: this.options.cancel}, function(e){
if($(e.originalEvent.srcElement).closest(e.data.cancel).length > 0) return true;
if($(this).css('pointer-events') == 'none'){
// peak at the element below
var origDisplayAttribute = $(this).css('display');
Expand Down