首頁猿問怎樣解決鼠標多次點擊...

怎樣解決鼠標多次點擊造成onclick函數(shù)運行混亂的問題

JavaScript

皮卡丘qinqin 2017-01-06 17:13:23

比如做湯姆貓當我點擊它的耳朵時希望他能發(fā)出憤怒的表情當我點擊肚子時? 希望他能做出肚疼的動作但是如果我在點擊耳朵后? 再次點擊耳朵程序就亂了怎么解決?？當我點擊耳朵運行耳朵函數(shù)的過程中我又點擊了肚子希望他停下正在運行的函數(shù)去執(zhí)行另一函數(shù) 這個怎么實現(xiàn)？?

查看完整描述

2 回答

已采納

艾狄生

TA貢獻7條經(jīng)驗獲得超8個贊

0.0，怎么會混亂呢 ?，如果你用的定時器做的動畫的話，點擊相同的元素可能會照成動畫的疊加，點擊事件中添加一個清除之前定時器即可。如果用的css做的動畫，想要哪個動畫停止，有相應的屬性設置

1 反對回復 2017-01-06

一瞬兒光

TA貢獻178條經(jīng)驗獲得超70個贊

首先你得明白，js是單線程語言，不存在同時執(zhí)行的可能，你得所謂混亂是指，點擊耳朵，執(zhí)行耳朵事件，這個事件可能持續(xù)10s，10s內你又點擊了肚子，執(zhí)行肚子事件。假如耳朵事件的效果是上下?lián)u晃腦袋，肚子事件是左右搖晃身體，那么執(zhí)行耳朵事件過程中，在點擊肚子事件的時候，耳朵事件造成腦袋此時正好搖到下面，然后此時身體開始左右搖晃，這個時候實際耳朵事件其實就立即停止了，但是卻沒有回到腦袋的初始位置，所以你覺得混亂了，這種解法是，觸發(fā)任意事件前，都先恢復初始狀態(tài)，初始化一下。這是在用js做動畫效果的前提下，如果是用js操作動態(tài)圖片等動畫效果的情況下，點擊后，事件就已經(jīng)結束了，效果只是用事件激活了動態(tài)圖，這種情況也是一樣，專門用一個事件重置下狀態(tài)就好了。

反對回復 2017-01-10