如何用Javascript检测触摸悬停
how to detect touch hover with Javascript?
我正在开发的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) { ... } );
相关文章:
- 我如何处理(好吧,模拟)触摸设备上的悬停行为
- 点击悬停区域中的链接会在触摸时立即激活
- 当鼠标也在触摸另一个元素时,d3.js鼠标悬停事件未被触发
- 取消触摸设备上的模拟悬停事件/颜色
- 删除触摸设备 CSS 上的悬停效果
- 使用鼠标悬停打开/关闭导航,在移动设备上触摸
- 在触摸设备上的悬停状态后启用链接,而不会影响正常滚动
- 离子/角度在触摸/单击时悬停
- AngularJS 事件,用于触摸等效于鼠标悬停
- 如何用Javascript检测触摸悬停
- JQuery悬停、点击和触摸组合
- 如何防止我的触摸设备执行::悬停而不是单击功能
- Don't在触摸设备上显示悬停状态
- 如何防止触摸设备上按钮的粘滞悬停效果
- 忽略触摸设备上的jQuery悬停(mouseenter, mouseleave)
- 防止:在iOS中鼠标悬停在触摸上
- 在jQueryMobile中,鼠标悬停效果在触摸后保持不变
- 防止超链接的触摸和显示悬停状态
- 当用户触摸滑动导航元素时的悬停效果
- 如何识别鼠标悬停事件对象是否来自触摸屏触摸