请选择 进入手机版 | 继续访问电脑版
查看: 458|回复: 0

[工具体验交流] image和rich-text组件增加图片长按菜单

[复制链接]
发表于 2020-4-15 18:01:31 | 显示全部楼层 |阅读模式
尊敬的开发者:
     为了提升用户体验,百度 App 预计将在 11.21 版本开始,对 image 组件和 rich-text 组件的 img 标签增加图片长按默认菜单,即长按图片时会弹出默认菜单。如下方示意图:

可能产生的影响:
1)若在 image 组件或 rich-text 组件上绑定了长按事件(longpress 或 longtap),长按图片时不会弹出默认菜单,会优先响应开发者的事件。若长按监听是开发者自己实现的,长按图片时会弹出默认菜单。
2)若 image 组件或 rich-text 组件的父组件绑定了长按事件(longpress 或 longtap),长按图片时,长按事件会冒泡到父组件上,此时既响应父组件上绑定的长按事件,又弹出图片的默认菜单。
建议开发者自查是否需要将图片的默认菜单禁用,可根据自身情况,通过给 image 组件或 rich-text 组件增加 image-menu-prevent 属性的方式禁用图片的默认菜单,注意此属性不支持动态计算,若配置了此属性即为禁用,否则为不禁用。

禁用默认菜单举例如下:
在 swan 文件中12.   <!-- image 组件 -->13.   <image src='xxx.png' image-menu-prevent />14.    15.   <!-- rich-text 组件 -->16.   <rich-text nodes="{{htmlSnip}}" image-menu-prevent></rich-text>17.   在 js 文件中18.   const htmlSnip = `<div>19.                       <h1>Title</h1>20.                       <p>Life is like a box of chocolates.</p>21.                     </div>`;22.    23.   Page({24.       data: {25.           htmlSnip26.       }27.   });
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|Archiver|Baidu Inc.

GMT+8, 2020-12-3 02:59 , Processed in 0.325288 second(s), 16 queries .

Powered by Discuz! X3.2

© 2001-2011 Comsenz Inc.

返回顶部