Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  #bigSquare {
    width: 200px;
    height: 200px;
    background: orange;
    position: relative;
  }
  #redSquare {
    width: 85px;
    height: 180px;
    background: red;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  #blueSquare {
    width: 85px;
    height: 180px;
    background: blue;
    position: absolute;
    right: 10px;
    top: 10px;
  }
</style>
</head>
<body>
  <div id="bigSquare">
    <div id="redSquare"></div>
    <div id="blueSquare"></div>
  </div>
</body>
</html>
 
$("#bigSquare").on("click", function(event){
  alert( event );
  a(event.target);
});
function a(b) {
  alert(b.id);
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers