how to enable select text in swiper.js

Question

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

Answer 1

By default the click event acts as a touch event and the slide follow the mouse movement when you hold it. I have two solutions to select text inside a slide.

Option 1

You can wrap your text with a span element with class swiper-no-swiping to disable swiping only on the text.

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

Option 2

You can use the simulateTouch parameter to disable the click event as touch event in the whole area of the slides.

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