如何用Javascript检测触摸悬停

how to detect touch hover with Javascript?

本文关键字:触摸 悬停 检测 Javascript 何用      更新时间:2023-09-26

我正在开发的Javascript插件有问题。这是一个旋转木马插件。问题是如何检测转盘何时被触摸一段时间;就像鼠标悬停一样。该问题伴随着"未捕获类型错误:未定义不是函数"的消息
http://jsfiddle.net/ospena/xDf4Z/20/

/*---------------------------------------------------------------------------------------------
@author       Oscar Peña - @os-pena
@link            ???
@github        https://github.com/os-pena/Elegant-jQuery-Carousel-Slider
@version     0.0.2
@license      ISC license
based on Simple-jQuery-Carousel-Slider : https://github.com/paulmason/Simple-jQuery-Carousel-Slider
----------------------------------------------------------------------------------------------*/

jQuery(function ($) {
    // settings
    var $slider = $('.slider'); // class or id of carousel slider
    var $slide = 'li'; // could also use 'img' if you're not using a li
    var $transition_time = 1000; // 1 second
    var $time_between_slides = 2300; // 2.3 seconds
    var $interval;
    function slides() {
        return $slider.find($slide);
    }
    slides().fadeOut();
    // set active classes
    slides().first().addClass('active');
    slides().first().fadeIn($transition_time);
    // auto scroll 
    function startloop() {
        $interval = setInterval(
        function () {
            var $i = $slider.find($slide + '.active').index();
            slides().eq($i).removeClass('active');
            slides().eq($i).fadeOut($transition_time);
            if (slides().length == $i + 1) $i = -1; // loop to start
            slides().eq($i + 1).fadeIn($transition_time);
            slides().eq($i + 1).addClass('active');
        }, $transition_time + $time_between_slides);
    }
    function pauseLoop() {
        window.clearInterval($interval);
    }
    $slider.hover(
    function () {
        pauseLoop(); // pause the loop
    },
    function () {
        startloop(); //scroll()
    });
    $slide.addEventListener('touchstart', function(e){
    alert ('paused');
    e.preventDefault()
    }, false);
    $slide.addEventListener('touchend', function(e){
    alert ('paused');
    startloop(); 
  e.preventDefault()
 }, false)

    return startloop();
});

尝试taphold事件。

$("div").on( "taphold", function (event) { ... } );