2010-08-30 75 views
0

我正在爲Apple iPad開發一個網站。在這種情況下,我如何在mouseover上應用陰影以及如何在mouseout上刪除?像HTML a過程,或任何其他可用的Javascript方式,我在這裏使用jQuery ..任何建議?iPad懸停事件流程

+1

基本上,當某人「懸停」在該元素上時,他想要一個元素下的陰影。但iPad上沒有鼠標,那麼你將如何懸停? – 2010-08-30 11:14:58

回答

0

由於沒有鼠標,也沒有指針可以在屏幕上移動(除了一些越獄的iPad,但這是另一回事),這些事件永遠不會被iPad的Safari發射。 您可以將效果綁定到其他事件(如鼠標點擊),但也許它沒有必要...

0

切換到mousedown和mousemove上應用懸停效果/陰影,並使用其他事件(定時mousedown/mouseup) ,或者完全不同的按鈕或觸摸位置,用於「點擊」。

請注意,如果某些效果隱藏在觸摸下,它們可能永遠無法看到。

1

您可以嘗試綁定click或touchstart-touchend事件。像這樣:

//ipad and iphone fix 
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) { 

    $(".menu li a").bind('touchstart', function(){ 
     console.log("touch started"); 
    }); 

    $(".menu li a").bind('touchend', function(){ 
     console.log("touch ended"); 
    }); 

}