h5滚动时侧滑出现_简单粗暴方式解决H5移动端页面滚动的时候触发touchend事件

H5移动端的页面在安卓和IOS微信内置浏览器中呈现的形式不一样,所以我统一采用touch事件代替click事件

1，touchstart事件触发的时候设置全局变量(名字随便取)flag = 1；

2，touchmove事件触发的时候设置 flag = 0；

3，touchend事件触发的时候判断flag值 当flag = 1 的时候触发touchend事件里面的函数，触发完以后在末尾再设置flag = 1;

下面是我的代码简写：

直接上代码吧

站点下拉列表

{ {i[label]}}

• { {item[label]}}

• { {i[label].substr(0, 1)}}

import BScroll from 'better-scroll'

export default {

name:"sitelist",

props: {

value: {

type: Array, // 数据源

default: []

},

label: {

type: String,

default: 'name'

},

children: {

type: String,

default: 'children'

},

relkey: {

type: String,

default: 'id'

}

},

data(){

return{

dd:1,

cityWrapper: document.quer