touchstart touchend research

by Yusril Maulidan Raji

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="http://code.jquery.com/ui/1.12.0/jquery-ui.min.js" integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous"></script>

<div id="container">
<div id="div-one">
</div>
<div id="div-two">
</div>
</div>

CSS

#container {
  position: relative;
  width: 700px;
  height: 500px;
  border: solid 1px
}

#div-one {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 600px;
  height: 400px;
  border: solid 1px red;
  background: red;
}

#div-two {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 300px;
  height: 200px;
  border: solid 1px yellow;
  background: yellow;
  z-index: 1000;
}