JSFiddle - React, Tailwind, and code Playground

by Michael Dibbets

HTML

<a href="google.com">khaboom?</a>

JavaScript

$(function () {

    // kabhoom = $.Event('click');  

    $('a').on( 'kabhoom' , function(e){
        if(!e.isPropagationStopped()) {
            console.log(e.target);
            e.preventDefault();
            e.stopPropagation();
            e.cancelBubble =true;
            return false;
        }
    })



});
$('a').click(function(e){
    console.log('Normal click event');
    $(this).trigger('kabhoom');
    e.preventDefault();
    return false;
    
})
$('a').on( 'kabhoom' , function(e){
    if(!e.isPropagationStopped()) {
        console.log('should not appear');
    }
});