JSFiddle - React, Tailwind, and code Playground

by rodneyrehm

HTML

<div id="foo">focussable</div>

CSS

#foo {
    padding: 20px;
    background: #EEE;
}
#foo:active {
    background:green;
}

body {
    background: #CCFFFF;
    padding-bottom: 200px;
}

JavaScript

function log(message) {
    $('<p>').text(message).appendTo(document.body);
}

$('#foo').on('contextmenu', function(){
    log("#foo contextmenu");
});


$(document.body).on('contextmenu', function(){
    log("body contextmenu");
});


$(document).on('contextmenu', function(){
    log("document contextmenu");
});