React事件系统之touch

之前写在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事件的名称与原生不太相同,用时可以在文档查找。

https://reactjs.org/docs/events.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,882评论 1 18
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处作者:TigerChain地址:http...
    TigerChain阅读 8,440评论 1 9
  • 学习如何在Flow中使用React 将Flow类型添加到React组件后,Flow将静态地确保你按照组件被设计的方...
    vincent_z阅读 6,455评论 4 21
  • 每个人在这个世界上都是在和人接触,和人打交道。每个人都有朋友、同事、同学,免不了有各类的社交,聚会等等。今天我们来...
    莫染_yc阅读 4,178评论 0 2