事件添加方式
//移动端的事件添加使用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 页面上的所有触摸
返回对象的坐标值