JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<div class="c1 no-user-select1">TEXT TEXT TEXT TEXT</div>

CSS

.no-user-select {
    -webkit-user-select: none;
    color: red;
}

JavaScript

$('.c1')
    .on('mousedown', function(e) {
        console.log(e.type);
        
        $(this).addClass('no-user-select');
    }).
    on('contextmenu', function(e) {
        console.log(e.type);
        $(this).removeClass('no-user-select');
        e.preventDefault();
    }).
    on('mouseup', function(e) {
        console.log(e.type);
    });