触屏事件
touchstart:当手指摸到屏幕时触发
touchmove:当手机在屏幕上滑动时触发:move事件时持续触发
touchleave:当手指离开屏幕时触发
touchcancel:添加触摸以外中断事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<style type="text/css">
div{
width: 200px;
height: 300px;
background: blue;
}
</style>
</head>
<body>
<div></div>
<script type="text/javascript">
//获取dom元素
var div=document.querySelector('div');
//添加开始触摸事件:当手指摸到屏幕时触发
div.addEventListener('touchstart',function(){
console.log('touchstart');
})
//添加手指滑动事件,当手机在屏幕上滑动时触发:move事件时持续触发
div.addEventListener('