智慧枫
智慧枫
  • 发布:2016-08-03 15:36
  • 更新:2019-04-24 18:13
  • 阅读:11488

div的侧滑菜单如何禁用手势侧滑

分类:MUI

如题

2016-08-03 15:36 负责人:无 分享
已邀请:

最佳回复

Trust

Trust - 少说废话

监听mui-inner-wrap容器的drag事件,阻止冒泡。

复制代码 //主界面容器  
var offCanvasInner = offCanvasWrapper[0].querySelector('.mui-inner-wrap');  
offCanvasInner.addEventListener('drag', function(event) {  
    event.stopPropagation();  
});
  • 智慧枫 (作者)

    谢谢 可以了

    2016-08-06 14:50

  • 1***@qq.com

    禁用过后如何打开这个功能

    2017-06-27 18:16

  • 1***@163.com

    offCanvasWrapper报错,怎么解决

    2017-08-15 11:28

  • 1***@163.com

    回复 智慧枫:offCanvasWrapper报错,怎么解决

    2017-08-15 11:28

  • 1***@qq.com

    offCanvasWrapper报错,怎么解决

    2017-10-28 15:55

8***@qq.com

8***@qq.com

添加完后报错误啦

Cannot read property 'querySelector' of undefined

  • 6***@qq.com

    添加这个

    var offCanvasWrapper = mui('#offCanvasWrapper');

    2016-11-23 19:52

4***@qq.com

4***@qq.com

ok 已解决

1***@qq.com

1***@qq.com

禁止冒泡,解决了:
document.getElementsByClassName('mui-inner-wrap')[0].addEventListener('drag', function(event) {
event.stopPropagation();
});

xingge

xingge

在主界面中加入了vue.js然后所有的addEventListener都失效了,请问怎么办

1***@163.com

1***@163.com - 90后小白

这个侧滑会导致label的事件失效

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容