JSFiddle - React, Tailwind, and code Playground

by tonyleeper

HTML

<p>right click this box</p>
<div class="box" tabIndex="1"></div>
<div class="box" tabIndex="1"></div>
<div class="box" tabIndex="1"></div>

CSS

.box {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-color: darkblue;
    color: white;
    word-break: break-word;
    overflow: auto;
}    

.box:focus {
    outline: 0;
    background-color: lightblue;
}

JavaScript

/**
    Context menu event example
*/

$(".box").on("contextmenu", function () {
    $(this).append("<p>success!</p>");
    return false;
});