better-scroll 中的img标签无法触发长按保存菜单

最新推荐文章于 2022-03-20 20:39:17 发布

To2015

最新推荐文章于 2022-03-20 20:39:17 发布

阅读量421

点赞数

原文链接：http://www.cnblogs.com/yueqian-jmy/p/9907499.html

版权

better-scroll 默认禁用的多数标签的默认行为，启用默认行为需加如下属性

preventDefaultException: { tagName: /^(IMG|INPUT|TEXTAREA|BUTTON|SELECT)$/ }

转载于:https://www.cnblogs.com/yueqian-jmy/p/9907499.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

To2015

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

better-scroll笔记

lyy_fighting的博客

01-09

675

better-scroll 来源：https://github.com/ustbhuangyi/better-scroll 使用说明：https://better-scroll.github.io/docs/en-US/ 操作案例（学习coderwhy的vue框架ing）演示代码在src/views/category/Category.vue 1.安装框架 1）npm install better-scroll --save 弹幕大佬说新版本很多bug，所以跟着老师安装的版本即可 npm install

better-scroll封装以后导致自定义吸顶效果失败

小啊dai

06-05

221

解决吸顶效果失效获取tabControl的offsetTop 思路：必须知道滚到多少，开始有吸顶效果，这个时候就需要获取tabControl的offsetTop 但是如果直接在mounted中获取tabControl的offsetTop值是错误的（图片加载影响，异步）正确加载获取offsetTop的值监听图片加载，加载完后发送事件 <img :src="item.image" alt @load="bannerLoad" /> 监听图片加载完后的事件，获取offsetTop的值 sw

参与评论您还未登录，请先登录后发表或查看评论

beeter-scroll个人遇到的两个坑，图片不能点击，以及不能长按保存。

weixin_43627806的博客

08-04

176

解决办法 this.scroll = new BScroll(this.$refs.wrapper,{click:true,preventDefault:false}) 配置两个属性，第一个是解决click事件不能点击，第二个是解决长按图片不能保存。 ...

better-scroll插件阻止长按选中文本？使用preventDefault参数配置

a592522245的博客

08-15

1786

最近有个web移动端项目用到better-scroll插件，发现在手机上长按文字不能选中。一开始通过设置user-select: text，但没有效果，于是看了下文档。原来是插件阻止了浏览器默认行为，将preventDefault设置为false，并设置css的user-select属性： { -webkit-user-select:text; -moz-user-selec...

better-scroll的那些坑

小醋包的博客

10-25

1万+

对于better-scroll，可以看下better-scroll介绍，或者当better-scroll遇见vue。better-scroll的第一个坑可以看下这个better-scroll排坑。 better-scroll的第二个坑不知道大家做移动端的时候有没有遇到过一个问题，用了better-scroll了之后，设置了this.scroll = new BScroll(this.$re

better-scroll滚动无效几种原因

WEB木易

08-22

2788

better-scroll滚动无效几种原因 1.是否设置初始化 2.是否父元素设置了高度大于父元素父元素可以设置100%， 3.DOM的的层级是否正确 <div class="wrapper"> <div class="content"> content... </div> </div> 上面这种方式是可以实...

解决betterScroll在vue中存在图片时，出现拉不动的情况！

weikehang的博客

01-17

2676

1.先写一个图片加载的方法class ImgLoadClass { static preloadImages = (arr) => { //已经加载完的图片数量 let loadeImage = 0 //存放图片的数组 let newImages = [] //处理存入字符串，取得src部分 //let arr = str.match(/src=

javascript插件-iscroll和better-scroll

rose的博客

03-19

914

iscroll.js iscroll.js插件是兼容所有移动端滚动条事件的插件，在某些安卓机中，我们无法通过overflow:scroll这个css属性来出现滚动条要求 1》要给滚动元素加入一个父元素 (只有容器元素的第一个子元素能进行滚动，其他子元素完全被忽略) 2》父元素的高度值要小于滚动区域的高度 (如果为横向滚动则父元素的宽度值要小于滚动元素的宽度) 3》scroll是一个类，每个需要使...

Vue+better-scroll：实现商品菜单动态映射的完整代码示例

在Vue项目中，利用better-scroll库实现菜单映射功能是一个常见的需求，尤其是在开发响应式且交互性强的页面时。这个例子展示了如何在Vue组件中整合better-scroll来管理菜单列表的滚动和状态切换。首先，让我们看下...

Vue2 + Vant + better-scroll 开发 supermall商城（一，首页开发）

weixin_45871108的博客

03-20

1693

前言：数据请求使用axios，tabbar，swiper使用Vant，商品列表使用better-scroll，其余手撕。目录 1.框架搭建 2.Navbar 3.Tabbar 4.Swiper 5.Vant 6.better-scroll 7.TabContentBar 8.CommodityList 9.细节问答 10.总结 1.框架搭建开发一个程序之前一定要先有构思，框架决定了构思的局限，构思决定了程序的结果。目录结构： n...

html5图片长按保存,一文彻底解决HTML5页面中长按保存图片功能

weixin_35951275的博客

06-15

1783

$.fn.longPress = function(fn) {let timeout = 0;const $this = this;for (let i = 0; i < $this.length; i++) {$this[i].addEventListener('touchstart', () => {timeout = setTimeout(fn, 800); // 长按时间超过8...

当 better-scroll 遇见 Vue

weixin_33812433的博客

06-01

4045

作者：滴滴公共前端黄轶在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。以滴滴为例，可以是这样竖向滚动的列表，如图所示：竖向列表也可以是横向滚动的导航栏，如图所示：横向列表可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scroll better-...

better-scroll中点击任意图片放大展示

weixin_43837268的博客

12-21

482

1【template】 <img :src="item" @click="showbigimage(item)"> <transition name="bulletin-detail"> <div class="bulletin-detail" v-show="showbig" @touchmove.prevent @

解决移动端better-scroll+vue-awesome-swiper,长按拖动触发回弹特效时闪屏

CloudJay的博客

04-03

2588

如何解决弹性better-scroll+vue-awesome-swiper一起使用,在touchmove时scroll触发弹性特效,swiper会产生抖动类库环境 vue better-scroll vue-awesome-swiper 复现要求有个支持scroll到边界支持弹性回弹效果的类库,比如better-scroll 轮播图我用的是vue-awesome-swiper 复现该问题的伪...

解决better-scroll导致点击事件失效的原因和解决方法

蒋百里的博客

07-05

7919

在vue项目重引入了better-scroll，但是在增加点击事件的时候，点击失效在官方文档中查到原因在better-scroll的属性中默认以下：解决办法：加上以下代码即可： ...

vue使用 better-scroll的参数和方法

weixin_34310785的博客

11-09

321

格式：var obj = new BScroll(object,{[option1,],.,.});注意：1、要确保object元素的高度比其父元素高2、使用时，一定要确保object所在的dom渲染后，再用上面的语句，或者obj.refresh() Options 参数startX: 0 开始的X轴位置startY: 0 开始的Y轴位置scrollY: true 滚动方向为 Y 轴scrollX...

better-scroll 详解