<DivID= "Divmove"style= "height:100px;"></Div> <DivID= "Slidediv"style= "width:300px; Height:30px;background-color: #AA967D;">Left Slide<ButtonID= "Btndelete"style= "Display:none;">Delete</Button> </Div>
<script type= "Text/javascript" >varTouchglobal; document.getElementById ("Slidediv"). AddEventListener ("Touchstart",function(e) {Touchglobal=e.touches[0]; },false); document.getElementById ("Slidediv"). AddEventListener ("Touchmove",function(e) {varTouch=e.touches[0]; varx=Number (Touch.pagex); document.getElementById ("Divmove"). innerhtml=x; if(touchglobal.pagex-x>0) {document.getElementById ("Btndelete"). SetAttribute ("style", "Display:inline"); } Else{document.getElementById ("Btndelete"). SetAttribute ("style", "Display:none"); } },false); document.getElementById ("Slidediv"). AddEventListener ("Touchend",function(e) {},false); </script>
HTML5 swipe gesture