在 Swiper Slider 中使用 Textarea（禁用触摸事件）

Question

我正在使用idangerous "Swiper" slider。我的一张幻灯片中有一个导致问题的文本区域。在桌面上一切正常，但在移动设备上，在 textarea 中输入文本时，Swiper 似乎重新初始化并返回到第一张幻灯片。

由于这种情况仅发生在移动设备上，我猜它与文本区域中触发的触摸事件之一有关。

正如我在另一篇文章中所建议的那样：

$('textarea#text_area_name').on('touchstart mousedown', function(e){
  e.stopPropagation()
})

这并没有解决问题，所以我将其扩展为包括所有触摸事件。然后是所有的父母（直到 swiper wrapper）。还是没有成功。

我尝试使用警报来显示触发了哪些触摸事件。但是我看不到在刷卡重置之前立即触发的事件。

有没有人在危险的 swiper 滑块中使用 textarea 的经验？或者关于什么事件可能导致问题以及如何预防的任何想法？

Answer 1

有时当你写下问题时，答案会变得更清楚......

我在 window.resize 上重新初始化 Swiper 以管理动态大小。移动设备上的文本区域触发了调整大小事件。可能是因为弹出了软键盘。无论如何，删除 reinitialize on resize 解决了这个问题。