JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div class="col-xs-12 col-sm-9" id="Itemlist">
  <div class="row" id="details">
    <div class="col-xs-12">
      <div class="panel panel-default" id="ItemInfo">
        <div class="panel-body">
          <div class="row">
            //some content
            <div class="col-xs-12 col-sm-9" id="ItemContent">
              <div class="name"></div>
              <div class="txtid" hidden></div>
            </div>
          </div>
        </div>
        <div class="panel-footer">
          <div class="pull-right">
            <button id="Button1" type="submit" class="btn btn-success" role="button">
            Button1
        </button>
            <button id="Button2" type="submit" class="btn btn-success">Button2
        </button>
            <button id="Button3" type="submit" class="btn btn-success">Button3
        </button>
          </div>
        </div>
      </div>

JavaScript

$("*", document.body).click(function(event) {
  event.stopPropagation();
  var domElement = $(this).get(0);
  var action = domElement.id;
 
});