在jQuery中为ipad做了mousedown / mouseup吗?

我正在使用当前的代码:

$('body').mousedown(function() {
        $('div#extras').fadeTo('fast', 1);
});

$('body').mouseup(function() {
        $('div#extras').delay(2000).fadeTo(1500, 0);
});

这在safari中效果很好,但是当我上传并在ipad上查看时,它不起作用?


我发现如何为那些感兴趣的人为ipad做到这一点:

而不是我在我的问题中使用的代码,您可以使用:

$('body').bind( "touchstart", function(e){
        $('div#extras').fadeTo('fast', 1);
});

$('body').bind( "touchend", function(e){
        $('div#extras').delay(2000).fadeTo(1500, 0);
});

不完全是。

Apple Docs

引用:

可点击元素是链接,表单元素,图像映射区域或其他具有mousemove, mousedownmouseup或onclick处理程序的元素。 可滚动元素是具有适当溢出风格,文本区域和可滚动iframe元素的任何元素。 由于这些差异,您可能需要将某些元素更改为可点击元素,如“使元素可点击”中所述,以在iPhone OS中获得所需的行为。

(强调我的)


没有真正回答你的问题,但是对于刚来这里寻找“jQuery mousedown / mouseup on ipad”的人可能会很方便。

我总是使用这个小技巧:

$(element).hover(function() {
   // Do something
});

这会在使用iPad时触摸触发,并在点击元素外部时反转该操作,因为这是悬停事件。 例如:

// Assuming the element has 'opacity: 0' in CSS

$(element).hover(function() {
   $(this).animate({'opacity': 1}, 200);
});

创建淡入淡出效果'点击',淡出效果'在鼠标上'。

链接地址: http://www.djcxy.com/p/83643.html

上一篇: does mousedown /mouseup in jquery work for the ipad?

下一篇: Authorization not working in ASP.NET MVC 5