JSFiddle - React, Tailwind, and code Playground

JavaScript

enyo.kind({
    name: "Simple",
    kind: "Control",
    startX: 0,
    startY: 0,
    layoutKind: "HFlexLayout",
    style: "width: 500px; height: 100px; color:white;background-color:black",
    content: "test",
    handlers:{ 
        ondragstart: "dragstart",
        ondragfinish: "dragfinish",
        ontab: "tabtest"
    },
    tabtest: function(insender, event)
    {
        alert(event);
    },
    dragstart: function(insender, event)
    {
        this.applyStyle("background-color", "red");
        this.startX=event.pageX;
        this.startY=event.pageY;
    },                                                                                                      dragfinish: function(insender, event)
    {
        this.applyStyle("background-color", "blue");
        alert("x:"+ event.pageX +"y:"+event.pageY);
        alert("x:"+ insender.offsetX +"y:"+insender.offsetY);

    },                                                                                                                                                                                          
  
    
});

new Simple().renderInto(document.body); //{fit: true});