之前写在react上写dom事件大部分都是PC端,基本是click事件,没遇到过什么问题。这次要写一个移动端的项目,需要用到touch事件,对这块不熟悉,趁机学习一边react官网的事件相关的内容。特此记录
react提供了一个合成的事件对象SyntheticEvent,他保证了在不同浏览器下事件对象的统一。下面是官方提供的合成事件对象所具有的的属性:
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事件想要获取到接触点的相关信息就从这里边取得。
因为react事件的名称与原生不太相同,用时可以在文档查找。