script.js

var trackedEvents = ["CLICK",  "KEYPRESS", "SELECT", "CHANGE"];

function RegisterEvent(){
  $("a[role='tab']").click(CustomNavBarClick)
  $("a[data-toggle='tab']").click(CustomTabClick)
}
function handleEvent(){
  console.log("Event type: " + event.type)

  console.log("Event " + JSON.stringify($(event.target)))
}

function elementClicked() {

  window.ASPx = window["ASPx"];
  ReregisterDevExpressEvent();
  var target = event.target;
  var tagName = target.tagName;
  // Thẻ a đang được click
  if( tagName == 'A')
  {
    // Đang click navigation bar
    if($(target).attr("role") == 'tab'){
      console.log('Navigation bar '+ target.innerText  +' clicked')
    }// Đang click các tab
    else if($(target).attr('data-toggle') == 'tab')
    {
      console.log('Tab '+ target.innerText  +' clicked')
    }
  } 
  else if( tagName == 'INPUT' && target.type == 'button')
  { 
    console.log('Button '+ target.value  +' clicked')
  }
  else if( tagName == 'SPAN' && target.classList.contains('dx-vam') || tagName == 'IMG' && target.classList.contains('dx-vam'))// Menu Button của Dev Express
  {
    console.log('Menu button '+ target.parentElement.innerText  +' clicked, control name ' + target.parentNode.id);
  }
  else {
    console.log(target.tagName);
  }
  
}

function keyPress(){

}
document.body.addEventListener("click", elementClicked);
document.body.addEventListener("keypress", keyPress);

function ReregisterDevExpressEvent(){
  window["ASPx"].EValueChanged = function(name) {
    console.log("Control "+ name +" value changed")
    var edit =  window["ASPx"].GetControlCollection().Get(name);
    if(edit != null)
      edit.OnValueChanged();
  };
}