JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <input type="text" id="text" />
    <br>
    <input type="checkbox" id="checkbox" value="prevent"/>
    <label>prevent</label>
<body>

JavaScript

$('body').on('click', function(e){
    alert('foo')
})
$('#text').on('click', function(e){
    alert('bar')
    e.stopPropagation();
    e.preventDefault();
})
$('#checkbox').on('click', function(e){
    alert('ccc')
    e.stopPropagation();
    e.preventDefault();
})