0
Вот мой код, используя Div контейнер:сенсорные события работают на элемент документа, а не на сНу контейнер
<html><body>
<div id="container">Test</div>
<script type="text/javascript">
var xDown=null;
var yDown=null;
function handleTouchStart(e){
xDown=e.touches[0].clientX;
yDown=e.touches[0].clientY;
}
function handleTouchMove(e){
alert('Swiped');
}
//Tried this:
document.getElementById("container").ontouchstart=function(e){
handleTouchStart(e);
};
document.getElementById("container").ontouchmove=function(e){
handleTouchMove(e);
};
// and tried this
document.getElementById("container").addEventListener('touchstart',handleTouchStart,false);
document.getElementById("container").addEventListener('touchmove',handleTouchMove,false);
</script>
</body></html>
Теперь, так как Theres только один HTML DIV я предположил бы, что этот DIV должен взять на всю страницу для пролистывание. Это не эффект. Кажется, он работает только в верхнем левом углу.
Теперь, когда я drop the div и использовать этот документ вместо этого он отлично работает:
document.addEventListener('touchstart',handleTouchStart,false);
document.addEventListener('touchmove',handleTouchMove,false);
Как получить сенсорные жесты, чтобы работать на моем DIV? Цель состоит в том, чтобы в конечном итоге переместить код в модальное окно, которое может прокручивать фотографии влево и вправо.