JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<button id="test1" type="button" value="test" class="disabled">Click Me (I Shouldn't Work)</button> Works Perfectly
<br />
<button id="test2" type="button" value="test" class=" disabled">Click Me (I Shouldn't Work)</button> Works Perfectly
<br />
<button id="test3" type="button" value="test" class="&nbsp;disabled">Click Me (I Shouldn't Work)</button> Doesn't Work As Expected

CSS

.disabled { color: red }
.\A0 disabled { color: blue }

JavaScript

$(function () {
    $('.disabled').click(function (event) {
        event.preventDefault();
        event.stopPropagation();
        
        alert('Successfully Disabled');
    });
    $('.\\A0 disabled').click(function (event) {
        event.preventDefault();
        event.stopPropagation();
        
        alert('Successfully Disabled the impossible!');
    });
});