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

Question

我正在使用这个库进行滑动，它按预期工作正常，但我有这个文本选择问题，所以如何启用选择文本 <div class="swiper-slide>some text </div>

Answer 1

默认情况下，单击事件充当触摸事件，当您按住幻灯片时，它会跟随鼠标移动。我有两种解决方案来选择幻灯片中的文本。

选项1

您可以使用带有 class 的 span 元素包装文本swiper-no-swiping以禁用仅在文本上滑动。

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

选项 2

您可以使用模拟触摸参数在幻灯片的整个区域中将单击事件禁用为触摸事件。

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