起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1588|回复: 8

[处理中5] 关于冒泡事件的处理

[复制链接]

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
发表于 2016-3-16 15:41:18 | 显示全部楼层 |阅读模式
本帖最后由 波斯大香蕉 于 2016-3-16 15:46 编辑

如图。
右边的删除键是要向左滑动才能出来,但是执行完了这个动作,右边的DIV有个点击事件,还会执行这个事件,就跳转到另一个页面了。
我已经用了event.stopPropagation();来阻止冒泡,但是还是不行,总是执行完滑动的动作,之后又执行了点击事件。这个应该怎么办?
谷歌浏览器就算是没有用event.stopPropagation();也不会有这种现象,只有手机会有这种现象。

相关代码如下:
// 滑动列表初始化
Model.prototype.list1AfterRender = function(event) {
  new Swiper('.swiper-container', {
   slidesPerView : "auto",// 设置每个div宽度
  });
};
// 点击跳转到相关内容页面
Model.prototype.store_divClick = function(event) {
  // event.preventDefault();
  event.stopPropagation();
  var id = $(event.currentTarget).attr("object_id");
  var catid = $(event.currentTarget).attr("store_catid");
  var modelid = $(event.currentTarget).attr("modelid");
  var data = {
   id : id,
   catid : catid,
  };
  // console.log(modelid);
  // console.log(data);
  // 资讯
  if (modelid === "1") {
   justep.Shell.showPage("$UI/news/news_info/news_info.w", data);
  }
  // 图片
  if (modelid === "3") {
   justep.Shell.showPage("$UI/news/img_show/img_show.w", data);
  }
  // 视频
  if (modelid === "11") {
   justep.Shell.showPage("$UI/news/movie_talk/movie_talk.w", data);
  }
  // 商城
  if (modelid === "13") {
   justep.Shell.showPage("$UI/news/mall/goods_info/goods_info.w", data);
  }
};

QQ图片20160316153537.png
发表于 2016-3-16 16:35:27 | 显示全部楼层
滑动删除参考:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2016-3-16 17:39:29 | 显示全部楼层
liangyongfei 发表于 2016-3-16 16:35
滑动删除参考:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

并不是我的删除不能用,我问的是,为什么滑动还会执行左边DIV的单击事件!?
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2016-3-16 17:43:21 | 显示全部楼层
liangyongfei 发表于 2016-3-16 16:35
滑动删除参考:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

= = 而且,你这个滑动一点都不好使啊。拖出来一次,第二次就很难拖动了。
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2016-3-16 17:44:30 | 显示全部楼层
liangyongfei 发表于 2016-3-16 16:35
滑动删除参考:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

= = 而且,你这个滑动一点都不好使啊。拖出来一次,第二次就很难拖动了。
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2016-3-16 17:44:59 | 显示全部楼层
liangyongfei 发表于 2016-3-16 16:35
滑动删除参考:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

是不是touch和click冲突?
回复 支持 反对

使用道具 举报

发表于 2016-3-16 18:14:21 | 显示全部楼层
波斯大香蕉 发表于 2016-3-16 17:44
是不是touch和click冲突?

是的!你可以上网查下这个原因!需要设置点击事件的延时才可以!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2016-3-17 09:27:03 | 显示全部楼层
liangyongfei 发表于 2016-3-16 18:14
是的!你可以上网查下这个原因!需要设置点击事件的延时才可以!

延时?- - 应该不是吧,如果延时的话,这个点击事件还是会执行吧?我是要滑动出删除那个按钮,点击事件不执行。这个不是属于冒泡事件?
回复 支持 反对

使用道具 举报

发表于 2016-3-17 11:35:00 | 显示全部楼层
本帖最后由 liangyongfei 于 2016-3-17 11:36 编辑
波斯大香蕉 发表于 2016-3-17 09:27
延时?- - 应该不是吧,如果延时的话,这个点击事件还是会执行吧?我是要滑动出删除那个按钮,点击事件不 ...

你这个功能,确实应该参考案例:UI2/system/components/justep/touch/demo/touchjs/mainActivity.w
只不过3.4版本,这个好像是有问题了!等修复后我再通知你把!!

我说的点击事件延时是指的,如果点击后再一小段事件内,手指没有移动,就可以确定这个是点击事件,如果移动了,就说明不是点击事件!网上应该有介绍,关于touch 和 click的冲突,你先自己了解下!
案例做好后我再停止您啊!

你好楼主,您反馈的这个现象通过验证是产品缺陷,我们已提交到产品组(内部编号:2016031700010),感谢楼主的支持与配合。
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-19 09:09 , Processed in 0.071665 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表