2017-10-17 68 views
0

我想在Chrome中制作一个幻灯片效果,但是当我滑动时我总是收到一个错误。这是我的代码:element.changedTouches [0]错误未定义。 Chrome bug?

$(function() { 
     $('.table.table-responsive.table-condensed tbody tr').on('touchstart', function (e) { 
      touchsurface.innerHTML = '' 
      var touchobj = e.changedTouches[0] 
      dist = 0 
      startX = touchobj.pageX 
      startY = touchobj.pageY 
      startTime = new Date().getTime() // record time when finger first makes contact with surface 
      e.preventDefault(); 
     }); 
    }, false) 

这是我得到的错误:Uncaught TypeError:无法读取未定义的属性'0'。这是在线:var touchobj = e.changedTouches [0]

+0

以防万一,如果你调试jQuery的事件,用'的console.log(E)'比如,它包含了'targetTouches'? – lovethebomb

回答

1

jQuery事件对象没有changedTouches属性。

The following properties are also copied to the event object, though some of their values may be undefined depending on the event:

altKey, bubbles, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, currentTarget, data, detail, eventPhase, key, keyCode, metaKey, offsetX, offsetY, originalTarget, pageX, pageY, relatedTarget, screenX, screenY, shiftKey, target, toElement, view, which

https://api.jquery.com/category/events/event-object/

使用

e.originalEvent.changedTouches[0]