jquery slick carousel copy/paste

ymzxtsji 于 2023-03-29 发布在 jQuery

关注(0)|答案(3)|浏览(181)

我在网页中使用一个光滑的旋转木马来传递表单数据和信息。
然而，我需要能够选择旋转木马内的文本。我以为通过将draggable设置为false，我将能够选择文本，但光标形状更改为文本光标，但我仍然不能选择文本。
有什么办法吗？
我是这样配置的：

$('.carousel').slick({
    prevArrow: '.btn-prev-cand',
    nextArrow: '.btn-next-cand',
    dots: false,
    speed: 500,
    infinite: true,
    accessibility: true,
    adaptiveHeight: false,
    arrows: true,
    centerMode: false,
    variableWidth: false,
    draggable: false,
    swipeToSlide: false
});

jquery

来源：https://stackoverflow.com/questions/38250684/jquery-slick-carousel-copy-paste

3条答案

按热度按时间

yc0p9oo01#

尝试在css中覆盖它

.slick-slider {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

您描述的问题是已知问题-Selecting/Highlighting text #826

赞(0）回复(0）举报 2023-03-29

iq0todco2#

尝试将设置“滑动”设置为false以禁用滑动并查看文本光标。

赞(0）回复(0）举报 2023-03-29

zzzyeukh3#

同事Martin的回答很棒，但目前浏览器中支持文本功能，所以根本没有必要使用moz webkit o
https://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility
写就够了

.slick-list.draggable 
{
  user-select: text;
}

还有，没必要写

.slick-list.draggable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

只需编写上面的代码就足够了

赞(0）回复(0）举报 2023-03-29

我来回答

jquery slick carousel copy/paste

3条答案

相关问题

热门标签

最新问答