jquery - trigger - on ' mouseover




在jquery中mousedown/mouseup為ipad工作嗎? (3)

不完全是。

Apple Docs

引用:

可點擊元素是鏈接,表單元素,圖像映射區域或具有mousemove, mousedownmouseup或onclick處理程序的任何其他元素。 可滾動元素是具有適當溢出樣式,文本區域和可滾動iframe元素的任何元素。 由於存在這些差異,您可能需要將某些元素更改為可單擊元素,如“ 使元素可單擊”中所述,以在iPhone OS中獲得所需的行為。

(強調我的)

我正在使用當前代碼:

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

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

這在safari中效果很好但是當我上傳它並在ipad上查看它不起作用?


並沒有真正回答你的問題,但對於那些來到這裡尋找“ipad上的jQuery mousedown / mouseup”的人來說可能會很方便

我總是用這個小技巧:

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

這會在使用iPad時觸發, 並在單擊元素外部時反轉操作,因為它是懸停事件。 例如:

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

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

在“點擊”時創建淡入效果,在“鼠標”上創建淡出效果。


老帖但有通用解決方案:

$('body').on('mousedown touchstart',function(e){
    $('div#extras').fadeTo('fast', 1);
});
$('body').on('mouseup touchend',function(e){
    $('div#extras').delay(2000).fadeTo(1500, 0);
});




onmousedown