首頁猿問 React.js中onDouble...

React.js中onDoubleClick與onClick沖突怎么解決？

JavaScript

回首憶惘然 2018-12-11 21:19:49

在一個<div>中，想要共存單擊事件與雙擊事件，react.js中分別有單擊和雙擊事件的方法，即onClick和onDoubleClick,但是我將這兩個事件同時寫在一個div上時，點擊只會觸發(fā)單擊事件，如果只寫onDoubleClick是可以觸發(fā)雙擊事件的，所以應該怎么實現(xiàn)在一個div中同時綁定單擊與雙擊事件？

查看完整描述

1 回答

慕田峪4524236

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

不要同時綁定這兩個事件，只綁定單擊事件，在單擊事件的監(jiān)聽方法中，通過setTimeout()設置一個延時200ms,并通過一個標志位變量count記錄當前點擊次數(shù)，如果在200ms內(nèi)，再次點擊，count++。當setTimeout中的延時函數(shù)執(zhí)行時，判斷count值，1是單擊，2是雙擊，然后執(zhí)行對應的邏輯。

反對回復 2019-01-12