JSFiddle - React, Tailwind, and code Playground

by phaas

HTML

<button id="button">Click me!</button>
<pre id="log"></pre>

JavaScript

$(function () {

    var b = $('#button');

    b.on('click', function () {
        console.log(arguments);
        log('on.click #1');
    });
    b.on('click', function () {
        log('on.click #2');
    });

    b.bind('click', function () {
        log('bind.click #1');
    });

    b.bind('click', function () {
        log('bind.click #2');
    });

    b.on('click', function (e) {
        log('on.click #3 prevent default');
        e.preventDefault();
    });

    b.on('click', function (e) {
        log('on.click #4 stop propagation');
        e.stopPropagation();
    });

    b.on('click', function (e) {
        log('on.click #5 return false');
        return false;
    });
    
    b.on('click', function(e){
        log('on.click #6 stopImmediatePropagation');
        e.stopImmediatePropagation();
    });

    b.on('click', function (e) {
        log('on.click #7');
    });
});

function log(msg) {
    if (console && console.log) {
        console.log(msg);
    }

    var div = $('#log');
    div.text(div.text() + '\n' + msg);

};