Touchmove事件当前行

wangjikuen

在list中的li中，设置其bing-touchmove事件，在事件中获取当前行，随着手指在屏幕的移动，row永远是你点下去的哪一行，没有发生变化，

1. Model.prototype.li1Touchmove = function(event) {
   
2.                 var row = event.bindingContext.$object;
   
3.                 var moveEndY = event.originalEvent.changedTouches[0].pageY;}

复制代码

而响应的Y值是不断变化的，也就是说，监控的高度在变化，但是当前行没有变化，那么我想拿到当前的行对象里的某一列的值，该怎么获取呢？
其touchstart事件，每次点击，都能获取到当前行

liangyongfei

是的 touchstart  获取的是哪一行就是哪一行！ 这就是浏览器的机制！因为 Touchmove事件中获取的dom节点就是touchstart   ，第一层点下去的位置！  你可以上网搜下它的原理，打印下 console.log(event.target);
值是一样的！

wangjikuen

liangyongfei 发表于 2017-9-1 13:43
是的 touchstart  获取的是哪一行就是哪一行！ 这就是浏览器的机制！因为 Touchmove事件中获取的dom节点就 ...

那我如果想要在触摸移动的事件中，像是touchstat那样的，不断获取当前行的值，应该怎样获取呢？

liangyongfei

wangjikuen 发表于 2017-9-1 13:56
那我如果想要在触摸移动的事件中，像是touchstat那样的，不断获取当前行的值，应该怎样获取呢？ ...

你先上网搜下吧！touch 事件如何获取当前dom节点！
我提供一个思路，你上网查一下具体方法吧！

手指滑动的时候，让一个宽高很小的  div  跟随手指一起滑动！  通过 div 和 li 的dom碰撞！ 得到当前div在 哪个li里面  从而获取到当前行的dom对象！！

在dom对象中 通过一个自定义属性  比如 bind-attr-id 绑定 data组件的id列！
这样  dom碰撞的事件中 ， 我们获取dom节点上  id  属性的值就可以得到当前行了！

具体dom的碰撞如何实现，请上网查下资料！

wangjikuen

liangyongfei 发表于 2017-9-1 16:41
你先上网搜下吧！touch 事件如何获取当前dom节点！
我提供一个思路，你上网查一下具体方法吧！

可能版主没有了解我的意思，不过这个问题已经解决了，想获取到当前的dome节点只需要

1. var touch = event.originalEvent.targetTouches[0];
   
2.                 var ele = document.elementFromPoint(touch.pageX, touch.pageY);

复制代码

这样就可以拿到当前的dom元素，然后当前的dom元素比如说li，可以直接用innerHTML获取到值了。就基本达到了想要的需求了。感谢版主的思路