React的事件大全

有如下幾種事件類型    React事件的官方文檔

中斷類事件

定時觸發的事件

複製類事件

組件類事件

鍵盤類事件

表單類事件

焦點類事件

鼠標類事件

選擇器類事件

觸摸類事件

插件類事件

輪事件

多媒體類事件

圖片類事件

動畫類事件

轉換類事件

 

中斷類事件-stoppropagation和preventdefault用於中斷事件的傳遞

• preventdefault 用於組織默認事件的執行，可是綁定在上面的其餘事件能夠正常執行。

             例如,

<a src="http://www.baidu.com" onClick="alert(1111)"></a>

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