列表支持长按事件后，列表就无法往上滑动了

54huige

这个时候无论手是在列表上 还是在空白处 上拉 都是可以拉动 并加载数据的  当变成一下这种的时候 就没办法上拉了  但是可以下拉刷新  上拉加载就没反应了  在测试的过程中 用css的元素穿透就正常了  可是这样 我的列表长按 就废了啊



这个冲突要怎么解决啊

liangyongfei

可以在list下某个dom节点上添加长按事件！
元素穿透  ，长按事件会不生效吗？？

事件无法调用还是怎么回事？？   

你代码怎么写的！你可以在自己的长按事件中判断是否滑动了！如果滑动了就不要执行长按事件的逻辑

长按一般是在Touchstart 事件中  使用setTimeout ，一段时间后执行某段代码！
如果这段时间之内触发了Touchmove事件  ，就清除这个执行  调用clearTimeout

这两个事件都可以触发！应该就能实现你的逻辑吧！

54huige

liangyongfei 发表于 2017-11-14 18:12
可以在list下某个dom节点上添加长按事件！
元素穿透  ，长按事件会不生效吗？？

长按是没问题的 你是说这边可以设置定时是吗

1. var getXiangTimeOutEvent=0;//定时器
   
2. 
   
3. 
   
4. Model.prototype.getXiang_gtouchstart = function(event){
   
5. 
   
6. var getXianglistStyle = event.currentTarget;
   
7. getXianglistStyle.style.background='#969696';
   
8. 
   
9. console.log("启动定时器");
   
10. getXiangTimeOutEvent = setTimeout(function(){
    
11. 
    
12. getXiangTimeOutEvent = 0;
    
13. //执行长按要执行的内容，如弹出菜单
    
14. //alert("长按事件触发发");
    
15. // justep.Util.hint(event.bindingContext.$object.val('name'));
    
16. 
    
17. //底部对话框
    
18. layer.open({
    
19. //title:'请选择操作！',
    
20. content: '<b>请选择操作1！</b>'
    
21. ,shadeClose: false
    
22. ,btn: ['删除', '取消']
    
23. ,skin: 'footer'
    
24. ,yes: function(index){
    
25. layer.open({content: '执行删除操作'});
    
26. },
    
27. });
    
28. 
    
29. 
    
30. 
    
31. },500);//这里设置定时器，定义长按500毫秒触发长按事件，时间可以自己改，个人感觉
    
32. 
    
33. return false;
    
34. };
    
35. 
    
36. 
    
37. 
    
38. 
    
39. 
    
40. 
    
41. 
    
42. Model.prototype.getXiang_gtouchmove = function(event){
    
43. 
    
44. 
    
45. 
    
46. clearTimeout(getXiangTimeOutEvent);//清除定时器
    
47. getXiangTimeOutEvent = 0;
    
48. 
    
49. };
    
50. 
    
51. 
    
52. 
    
53. 
    
54. 
    
55. 
    
56. 
    
57. Model.prototype.getXiang_gtouchend = function(event){
    
58. 
    
59. 
    
60. var getXianglistStyle = event.currentTarget;
    
61. getXianglistStyle.style.background='#ffffff';
    
62. 
    
63. console.log("释放手指时触发");
    
64. clearTimeout(getXiangTimeOutEvent);//清除定时器
    
65. if(getXiangTimeOutEvent != 0){
    
66. //这里写要执行的内容（尤如onclick事件）
    
67. //alert("你这是点击，不是长按");
    
68. justep.Util.hint("你这是点击，不是长按");
    
69. }
    
70. return false;
    
71. };
    

复制代码

54huige

liangyongfei 发表于 2017-11-14 18:12
可以在list下某个dom节点上添加长按事件！
元素穿透  ，长按事件会不生效吗？？

解决了  删除Model.prototype.getXiang_gtouchstart这个下面的return false;  就可以了  哈哈 结帖吧

liangyongfei

54huige 发表于 2017-11-14 19:13
解决了  删除Model.prototype.getXiang_gtouchstart这个下面的return false;  就可以了  哈哈 结帖吧  ...

欢迎分享一下经验，遇到了怎样的问题，以及如何解决的？