如何在swiper.js中启用选择文本

Question

我正在使用该库进行刷卡，按预期工作正常，但是我遇到了文本选择问题，因此如何在<div class="swiper-slide>some text </div>中启用选择文本

Answer 1

默认情况下，单击事件充当触摸事件，并且按住鼠标时，幻灯片将跟随鼠标移动。我有两种方法可以在幻灯片中选择文本。

选项1

您可以使用类别为swiper-no-swiping的span元素包裹文本，以仅在文本上禁用滑动。

<div class="swiper-slide"><span class="swiper-no-swiping">some text</span></div>

选项2

您可以使用SimulateTouch参数在整个幻灯片区域中将click事件作为触摸事件禁用。

new Swiper('.swiper-container', { simulateTouch: false });