获取多功能触摸结束事件javascript

Question

我正在ul之间进行拖放。代码适用于桌面版本。

<ul>
 <li> A </li>
 <li> A </li>
 <li> C </li>
 <li> D </li>
 <li> E </li>
</ul>

但是对于移动版本，我得到了多种触摸效果

li.addEventListener('touchstart', touchStart);
li.addEventListener('touchmove', touchMove);
li.addEventListener('touchend', touchEnd);

这就是为什么我无法获得正确的元素。如何在手机中获得正确的最后触摸元素？

Answer 1

发布如何将事件侦听器添加到li元素。并考虑下面的代码

var li=document.querySelectorAll('li');
	
	for(var i=0;i<li.length; i++){

		li[i].addEventListener('touchstart', function(){
			console.log('Start ');
			});
	
		li[i].addEventListener('touchmove', function(){
			console.log('Move ');
			});

		li[i].addEventListener('touchend', function(){
			console.log('End ');
			});		
	}

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
</ul>