Unobtrusive (click through) UI elements in JavaScript.
Demos
This is a link. Here
is some text. Let's have more text. All the text in the world couldn't
save you now, Mr. Bond. Ah, but that's where you're wrong. You see, my
overalls have been equipped with several tiny lasers that will blind
you while the speaker in my straw hat blasts disco music.
There's a link under me. I am going to stay in the way of that
link.
Try toggling nonblocking on this demo:
This is a .
There's a button under me. I am going to stay in the way of that
button.
These demos show how event simulation in "PointerEvents" mode
works.
An event listener is placed on the yellow box.
class="nonblock"
This is a .
There's a button under me. I am going to stay in the way of
that button.
Event log:
class="nonblock nonblock-stop-mouse-simulation"
This is a .
There's a button under me. I am going to stay in the way of
that button.
Event log:
(seeing no events in this demo is normal.)
These demos show how event propagation in "EventForwarding" mode
works.
The container is listening for events and the yellow box is a child.
class="nonblock"
This is a .
There's a button under me. I am going to stay in the way of
that button.
Event log:
class="nonblock nonblock-stop-propagation"
This is a .
There's a button under me. I am going to stay in the way of
that button.