Javascript 使用Owl转盘2，禁用在桌面上拖动并启用点击功能

我正在使用Owl Carousel 2，希望在桌面上实现自定义交互，同时在移动设备上保持默认的触摸滑动交互

我可以禁用mouseDrag（请参阅下面的我的JS），但我想添加仅限于桌面的功能，即单击滑块中的任何位置以进入下一张幻灯片。因此，本质上，用户不必通过鼠标拖动图像来到达桌面上的下一张幻灯片，而是可以单击图像上的任意位置来触发下一张幻灯片

有没有办法检测桌面屏幕大小，然后将整个滑块区域设置为自定义的单击下一步功能？或者存在某种可能与mouseDrag:false同时存在的mouseClick函数吗

<script>
$(function(){
var owl = $('.owl-carousel');
owl.owlCarousel({
  items:1,
  video: true,
  lazyLoad:true,
  mouseDrag: false,
  touchDrag: true,
  loop: false,
  onInitialized: counter,
  onTranslated: counter
});

$(".next").click(function() {
    owl.trigger('next.owl.carousel');
});

$(".prev").click(function() {
    owl.trigger('prev.owl.carousel');
});

function counter(event) {
    var element   = event.target;
    var items     = event.item.count;
    var item      = event.item.index + 1;

  $('.counter').html((item < 10 ? '0' : '') + item + "/" + (items < 10 ? '0' : '') + items)
}
});
</script>

$（函数（）{
var owl=$（'.owl carousel'）；
猫头鹰旋转木马({
项目：1，
视频：没错，
懒汉：没错，
mouseDrag:错，
真的，
循环：false，
初始化：计数器，
非翻译：计数器
});
$（“.next”）。单击（函数（）{
触发器（'next.owl.carousel'）；
});
$（“.prev”）。单击（函数（）{
owl.trigger（'prev.owl.carousel'）；
});
功能计数器（事件）{
var元素=event.target；
var items=event.item.count；
var item=event.item.index+1；
$（'.counter'）.html（（项<10？'0'：''）+“项+”/“+（项<10？'0'：''）+”项）
}
});

了解您可以使用的屏幕宽度/高度

要转到单击图像区域，您可以使用：

$(document).on('click', '.owl-stage-outer', function(e) {
   $(".owl-carousel").trigger('next.owl.carousel');
})

片段：

功能计数器（事件）{
var元素=event.target；
var items=event.item.count；
var item=event.item.index+1；
$（'.counter'）.html（（项<10？'0'：''）+“项+”/“+（项<10？'0'：''）+”项）
}
$（函数（）{
var owl=$（'.owl carousel'）；
猫头鹰旋转木马({
项目：1，
视频：没错，
懒汉：没错，
mouseDrag:错，
真的，
循环：false，
初始化：计数器，
非翻译：计数器
});
//如果屏幕大小不是桌面。。。。
如果（屏幕宽度<2000和屏幕高度<100000）{
$（文档）.on（'click'，'.owl-stage-outer'，函数（e）{
$（“.owl carousel”）.trigger（'next.owl.carousel'）；
})
}
});

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
这非常有效！似乎在移动设备上工作而不添加screen.width。谢谢你的回答