# NonBlock.js

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.
Event log:

## Mode

Current mode:
PointerEvents in your browser:

Force mode: