美文网首页
React事件系统之touch

React事件系统之touch

作者: 伊各的诗与代码 | 来源:发表于2018-03-08 18:38 被阅读0次

之前写在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

相关文章

  • React事件系统之touch

    之前写在react上写dom事件大部分都是PC端,基本是click事件,没遇到过什么问题。这次要写一个移动端的项目...

  • PanResponder的使用总结

    简介 对于简单的 touch 事件,React Native有4个专门的 touch 组件进行处理 Touchab...

  • react native 深坑之战 Android篇——touc

    react native的touch系列以及手势的事件真的是大有文章,涉及了很多原生事件以及JS事件拦截的很多机制...

  • 事件

    事件包括有三类:Touch Motion Remote 本篇主要介绍touch事件 Touch事件 事件产生->事...

  • 15、React系列之--React 事件系统

    版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处作者:TigerChain地址:http...

  • Android_Touch点击事件

    1.什么是Touch事件: 用户点按屏幕,Touch事件产生;用户的手指离开屏幕,Touch事件结束。Touch事...

  • iOS 触摸事件

    事件类型 在iOS系统中,一共有三种形式的事件:触摸事件(Touch Event),运动事件(Motion Eve...

  • iOS 事件机制

    事件 iOS 将事件分为三类: Touch Motion Remote像耳机线控…… Touch 事件 Touch...

  • day02-移动web开发-适配方案2(理论)

    触摸事件touch: 解释touch: touch是移动端的触摸事件 而且是一组事件 touchstart 当...

  • Android事件分发

    事件分发的对象是点击事件(touch事件) 当用户触摸手机屏幕的时候就会产生点击事件(Touch事件),touch...

网友评论

      本文标题:React事件系统之touch

      本文链接:https://www.haomeiwen.com/subject/xtnyfftx.html