事件添加方式
//移动端的事件添加使用addEventListener//第一个参数是事件名称,第二个参数是触发事件之后的回调var div=document.querySelector("div");div.addEventListener("事件名称",function(e){ 回调函数;})
主要触发事件
1 //touchstart 滑动开始 当手指触碰屏幕时候触发。 2 dom.addEventListener('touchstart',function(e){ 3 console.log("touchstart"); 4 console.log(e); 5 }); 6 7 //touchmove:滑动过程 当手指在屏幕上滑动时连续触发。是一个持续监听,持续触发的过程 8 dom.addEventListener('touchmove',function(e){ 9 console.log("touchstart");10 console.log(e);11 });12 13 //touchend:滑动结束 当手指离开屏幕时触发。14 dom.addEventListener('touchend',function(e){15 console.log("touchstart");16 console.log(e);17 });
返回对象具有的属性
事件返回的e对象包含移动端特有的属性:
1.targetTouches 目标元素的所有当前触摸 2.changedTouches 页面上最新更改的所有触摸 3.touches 页面上的所有触摸返回对象的坐标值