2014-09-20 127 views
0

當用戶稍微移動鼠標時,我只需要觸發一次動作,並且在頁面的哪個部分無關緊要。如果鼠標不移動,則不應觸發操作。當鼠標移動時(可能在頁面完全加載後3分鐘),那麼該動作應該只發生一次。Javascript/jQuery - 只有當鼠標移動時觸發動作

這就是我現在所擁有的:

$(document).one('mousemove', function() { 
    $('.front #main .block-content').animate({opacity : 0.3}, 200); 
    }); 

的問題是後立即在網頁完全加載,動畫將被觸發,無論我做什麼用鼠標(停止或移動)。

我希望我很清楚,但如果這還不夠,我可以嘗試進一步澄清。有沒有解決方案,我想實現?

謝謝。

+0

問題可能事件 – 2014-09-20 16:40:37

+1

的排隊在這裏你去:)同樣的問題(和解決)在這裏:http://stackoverflow.com/questions/3129148/ jquery-mousemove-gets-activated-without-a-mouse-movement – Darren 2014-09-20 16:40:43

+0

@ArunPJohny似乎在頁面加載時觸發了mousemove事件? – loveNoHate 2014-09-20 16:42:41

回答

0

使用

$(document).mousemove(function(){ 
$('.front #main .block-content').animate({opacity : 0.3}, 200); 
}) 

代替

+1

謝謝,masoud,但這並不能解決問題。 Darren指出瞭解決我的問題的解決方案,作爲我的帖子下的評論。 – 2014-09-20 17:19:56

相關問題