Event as argument

Checking the behavior of event argument when not passed as argument.

by bhatnagar018

HTML

<button onclick="foo(1, 2, event,3)">
  Shoot Event
</button>
<div id="consoleContainer">
</div>

CSS

button {
  color: #fff;
  padding: 5px;
  border: 0 solid;
  background: #1C90F3;
}

button:focus {
  color: #fff;
  padding: 5px;
  border: 0 solid;
  background: #1C90F3;
}

JavaScript

function foo(a, b, event, c) {
  jQuery("#consoleContainer > *").detach();
  jQuery("#consoleContainer").append('<div>' + a + '</div>');
  jQuery("#consoleContainer").append('<div>' + b + '</div>');
  jQuery("#consoleContainer").append('<div>' + event + '</div>');
  jQuery("#consoleContainer").append('<div>' + c + '</div>');
  jQuery("#consoleContainer").append('<div>' + event.target + '</div>');
  jQuery("#consoleContainer").append('<hr>');
  setTimeout(function() {
    jQuery("#consoleContainer").append('<div>' + 'In setTimeout' + '</div>');
    jQuery("#consoleContainer").append('<div>' + event.target + '</div>');
  }, 500)
}