JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<span class="stop">Stop Test</span> | <span class="false">Return False</span> | <span class="none">Do None</span>
<div class="r"></div>

JavaScript

$("span.stop").click(function(e) {
    $(".r").empty().append("<h1>Stop 1</h1>");
    e.stopImmediatePropagation();
}).click(function() {
    $(".r").append("<h1>Stop 2</h1>");
    return false;
}).click(function() {
    $(".r").append("<h1>Stop 3</h1>");
});
$("span.false").click(function(e) {
    $(".r").empty().append("<h1>Return 1</h1>");
    return false;
}).click(function() {
    $(".r").append("<h1>Return 2</h1>");
    return false;
}).click(function() {
    $(".r").append("<h1>Return 3</h1>");
});
$("span.none").click(function(e) {
    $(".r").empty().append("<h1>Return 1</h1>");
}).click(function() {
    $(".r").append("<h1>Return 2</h1>");
}).click(function() {
    $(".r").append("<h1>Return 3</h1>");
});

$(document.body).click(function() {
    $(".r").append("<h1>Body Click</h1>");
});