在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, mousedown , mouseup或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