jmaicher/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      #foo, #bar { background-color: rgba(1,1,1,.5); }
      #foo { height: 100px; padding: 100px; }
      #bar { height: 100px; }
    </style>
  </head>
  <body>
    <div id="foo">
      <div id="bar"></div>
    </div>

    <script src="hammer.js"></script>
    <script>
      var foo = document.getElementById('foo'),
          bar = document.getElementById('bar');

      Hammer(foo, {}).on('dragstart drag dragend', function(evt) {
        console.log('foo#' + evt.type);
      });

      Hammer(bar, {}).on('dragstart drag dragend', function(evt) {
        console.log('bar#' + evt.type);
      });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title></title>
	<style>
	#foo, #bar { background-color: rgba(1,1,1,.5); }
	#foo { height: 100px; padding: 100px; }
	#bar { height: 100px; }
	</style>
	</head>
	<body>
	<div id="foo">
	<div id="bar"></div>
	</div>

	<script src="hammer.js"></script>
	<script>
	var foo = document.getElementById('foo'),
	bar = document.getElementById('bar');

	Hammer(foo, {}).on('dragstart drag dragend', function(evt) {
	console.log('foo#' + evt.type);
	});

	Hammer(bar, {}).on('dragstart drag dragend', function(evt) {
	console.log('bar#' + evt.type);
	});
	</script>
	</body>
	</html>