Skip to content

Instantly share code, notes, and snippets.

@dgloriaweb

dgloriaweb/js39.html

Last active July 19, 2018 13:01
Show Gist options
  • Save dgloriaweb/e10a89ac2bb3faabe6c47d577cdfa3ce to your computer and use it in GitHub Desktop.
Save dgloriaweb/e10a89ac2bb3faabe6c47d577cdfa3ce to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin// source http://jsbin.com/vawimirugo
Raw
js39.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input type ="button" value="click me" id="btn" onclick="getEventDetails(event)"/>
<div id="result"></div>
<script id="jsbin-javascript">
function getEventDetails(event)
{
var eventDetails = "Event name = "+event.type +"<br/> X= "+event.clientX+"<br/> Y="+event.clientY+"<br/>Target type = "+event.target.type+"<br/> Target tag name ="+event.target.tagName;
document.getElementById("result").innerHTML=eventDetails;
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">
function getEventDetails(event)
{
var eventDetails = "Event name = "+event.type +"<br/> X= "+event.clientX+"<br/> Y="+event.clientY+"<br/>Target type = "+event.target.type+"<br/> Target tag name ="+event.target.tagName;
document.getElementById("result").innerHTML=eventDetails;
}
</script></body>
</html>
Raw
js39.js
function getEventDetails(event)
{
var eventDetails = "Event name = "+event.type +"<br/> X= "+event.clientX+"<br/> Y="+event.clientY+"<br/>Target type = "+event.target.type+"<br/> Target tag name ="+event.target.tagName;
document.getElementById("result").innerHTML=eventDetails;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment