React的事件大全

2019独角兽企业重金招聘Python工程师标准>>>

有以下几种事件类型    React事件的官方文档

中断类事件

定时触发的事件

复制类事件

组件类事件

键盘类事件

表单类事件

焦点类事件

鼠标类事件

选择器类事件

触摸类事件

插件类事件

轮事件

多媒体类事件

图片类事件

动画类事件

转换类事件

 

中断类事件-stoppropagation和preventdefault用于中断事件的传递

• preventdefault 用于组织默认事件的执行，但是绑定在上面的其他事件可以正常执行。

             例如,

baidu不会打开，但是会弹出对话框eventName.preventdefault()事件中断。

• stoppropagation 中断冒泡事件向上的传递。

定时触发的事件

• setTimeout //定时触发

复制类事件

• onCopy //copy元素内容时触发
• onCut //内容剪切时触发
• onPaste //粘贴时触发

组件类事件

• onCompositionEnd
• onCompositionStart
• onCompositionUpdate

键盘类事件

• onKeyDown  //按下键盘按键时触发
• onKeyPress  //按下键盘按键并松开时触发
• onKeyUp //放开先前按下的  按键时触发

表单类事件

• onChange //内容改变时触发
• onInput //事件在用户输入时触发
• onSubmit //提交时触发

焦点类事件

• onFocus //获得焦点时触发
• onBlur //失去焦点时触发

鼠标类事件

• onClick
• onContextMenu
• onDoubleClick
• onDrag
• onDragEnd
• onDragEnter
• onDragExit
• onDragLeave
• onDragOver
• onDragStart
• onDrop
• onMouseDown
• onMouseEnter
• onMouseLeave
• onMouseMove
• onMouseOut
• onMouseOver
• onMouseUp

选择器类事件

• onSelect //事件会在文本框中的文本被选中时发生。

触摸类事件

• onTouchCancel //一般在一些高级事件发生时，触发取消touch事件。例如暂停游戏，存档等。
• onTouchEnd //移走手指时触发
• onTouchMove //移动手指时触发
• onTouchStart //按下手指时触发

插件类事件

• onScroll //元素滚动时执行 JavaScript

轮事件

• onWheel //事件在鼠标滚轮在元素上下滚动时触发。

多媒体类事件

• onAbort
• onCanPlay
• onCanPlayThrough
• onDurationChange
• onEmptied
• onEncrypted
• onEnded
• onError
• onLoadedData
• onLoadedMetadata
• onLoadStart
• onPause
• onPlay
• onPlaying
• onProgress
• onRateChange
• onSeeked
• onSeeking
• onStalled
• onSuspend
• onTimeUpdate
• onVolumeChange
• onWaiting

图片类事件

• onLoad //事件会在页面或图像加载完成后立即发生。
• onError //事件会在文档或图像加载过程中发生错误时被触发。

动画类事件

• onAnimationStart //动画开始时调用
• onAnimationEnd //动画结束时调用。但有点问题是连续播放时可能不会触发
• onAnimationIteration

转换类事件

• onTransitionEnd

转载于:https://my.oschina.net/zhangyafei/blog/680352