Web TouchEvent API | TouchEvent.changedTouches

TouchEvent.changedTouches 只读属性，它是一个 TouchList。 TouchList 代表此事件中直接涉及的每个接触点：
touchstart：在 touchstart 事件中变得活跃的接触点列表。
touchmove：在 touchmove 事件期间移动的接触点列表。
touchend：在 touchend 事件中停用的接触点列表。
touchenter：在 touchenter 事件期间进入触摸表面的接触点列表。
touchleave：在 touchleave 事件期间退出触摸表面的接触点列表。

句法：

var touches = touchEvent.targetTouches;

返回值：
返回一个 TouchList 列表，其中包含仍然与 Touch 表面接触并且其 touchstart 事件发生在与当前目标元素相同的目标元素内的触摸点的所有 Touch 对象。

示例 1：

 
 
        
    
        TouchEvent.changedTouches
    
    

 

 Touch Me! 

   
Status

  

  
  

   
window.addEventListener('load', function(){
   
    var divID = document.getElementById('divID')
    var statusdiv = document.getElementById('statusdiv')
    var startx = 0
    var dist = 0
   
    divID.addEventListener('touchstart', function(e){
        var touchobj = e.changedTouches[0]
        startx = parseInt(touchobj.clientX) 
        statusdiv.innerHTML = 'Status: touchstart<br> ClientX: ' + startx + 'px'
        e.preventDefault()
    }, false)
}, false)
   

                    

输出：
接触前：

触后：

支持的浏览器： TouchEvent.changedTouches支持的浏览器如下：

• 谷歌浏览器
• 火狐
• 边缘
• 歌剧