JSFiddle - React, Tailwind, and code Playground

by prayerslayer

HTML

<div id="mahdiv" class="somediv"></div>

CSS

div.somediv {
    background:red;
    width:100%;
    min-height:20px;
}

JavaScript

$( document ).ready( function() {
    var div = document.getElementById("mahdiv");
    // event handler mit vanilla js - klappt nur bei echter interaktion
    div.addEventListener( "mousedown", function() {$( this).append("<div>mousedowned</div>");}, false );
    // event handler mit jquery - klappt super
    //$( div ).mousedown( function() { $( this ).append( "<div>mousedowned</div>" );});
    div.addEventListener( "click", function() {$( this ).append( "<div>clicked</div>");}, false);
    $( "#mahdiv" ).mousedown();
    // auĂźerdem: $().click() feuert wirklich nur click und kein mousedown.
});