之前寫在react上寫dom事件大部分都是PC端,基本是click事件誊锭,沒遇到過什么問題弥锄。這次要寫一個移動端的項(xiàng)目蟆沫,需要用到touch事件温治,對這塊不熟悉熬荆,趁機(jī)學(xué)習(xí)一邊react官網(wǎng)的事件相關(guān)的內(nèi)容。特此記錄
react提供了一個合成的事件對象SyntheticEvent累盗,他保證了在不同瀏覽器下事件對象的統(tǒng)一突琳。下面是官方提供的合成事件對象所具有的的屬性:
boolean bubbles
boolean cancelable
DOMEventTarget currentTarget
boolean defaultPrevented
number eventPhase
boolean isTrusted
DOMEvent nativeEvent
void preventDefault()
boolean isDefaultPrevented()
void stopPropagation()
boolean isPropagationStopped()
DOMEventTarget target
number timeStamp
string type
里邊的nativeEvent是瀏覽器自身提供的事件對象,我使用touch事件想要獲取到接觸點(diǎn)的相關(guān)信息就從這里邊取得蠢琳。
因?yàn)閞eact事件的名稱與原生不太相同镜豹,用時可以在文檔查找。