有同事想复制公司网站上的文字信息,电话、邮箱之类的,如下图:
因为当时用的swiper.js写的一些模块动画,鼠标选中操作时整块页面会滑走,无法选中文字信息进行复制,让我处理一下,方便复制其中的邮箱、电话等文字内容。
我复现了下,发现应该是和触摸功能块冲突,导致无法复制。
查了下api文档,api文档中给出的参数中,有一个noSwiping参数。
其中说明了“希望文字被选中时可以考虑使用”。
而在使用时,直接在你想复制的文字段直接增加类名’swiper-no-swiping‘。
代码示例:
这样文字就可以被鼠标选中,可以复制了,而且不影响slide的拖动效果。
如果想使slide无法拖动,也可以直接在slide上增加类名’swiper-no-swiping‘。
代码示例:
这样此slide块鼠标就无法拖动,slide中的文字也可以被选中复制。
当然还要记得设置 noSwiping: ture,使类名‘swiper-no-swiping’生效。
完整代码:
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.e1idc.net