Ionic 长按某个元素可显示黑色选项气泡(复制、转发..),如wtsapp?

sqougxex  于 2022-12-08  发布在  Ionic
关注(0)|答案(3)|浏览(147)

当我长按一个元素(在本例中是一条消息)如wtsapp/FB messenger时,有人能给我指出如何显示选项(复制、转发...)的正确方向吗?
我甚至不知道我应该搜索什么关键字...(尝试模态,弹出窗口,操作表)

  • 谢谢-谢谢
    更新:我知道我应该使用保持手势...我特别寻找黑色选项气泡显示。我不知道它是什么叫(不是模态/弹出/操作表/弹出/警报)。谢谢。
lhcgjxsq

lhcgjxsq1#

您可以使用on-hold="myFunction()",请检查http://ionicframework.com/docs/api/directive/onHold/下面的链接
然后使用$ionicActionSheet服务执行您的逻辑,请检查http://ionicframework.com/docs/api/service/ $ionicActionSheet/下面的链接

iq0todco

iq0todco2#

on-hold事件是您的朋友:http://ionicframework.com/docs/api/directive/onHold/
我认为下面的Codepen示例将有助于完成您想要做的事情:
操作表:http://codepen.io/ionic/pen/jLylA
此外,在开始实现之前,请在Ionic Forum上查看此线程,以避免出现任何类似问题,另外,此线程还提供了一些CodePen示例,您可能会发现这些示例很有用:
https://forum.ionicframework.com/t/displaying-actionsheet-on-a-long-press-aka-hold-event-problem/5663

niknxzdl

niknxzdl3#

您可以使用on-hold实现长按,如果您想实现按钮的长按,请尝试this link中的此指令,有关指令的说明可在here中找到。您可能需要使用自定义操作表($ionicActionSheet)来实现UIMenuController(iOS组件)之类的功能。

.selectable{
-webkit-user-select: auto;

}
用于选择和ion-contentoverflow-scroll="true"

相关问题