Add onMouseOver and onMouseOut events
Fixes #340. Test Plan: Ported @danielstocks's jsfiddle (linked in the issue) to React and the hover effect worked properly.
Ben Alpert committed
Dec 30, 2013 at 17:36 UTC
a2e352ea76a711de67d891568301fa497a93a39c
2 files changed
+17
-1
docs/docs/ref-05-events.md
+1
-1
@@ -106,7 +106,7 @@ Event names:
106
```
107
onClick onDoubleClick onDrag onDragEnd onDragEnter onDragExit onDragLeave
108
onDragOver onDragStart onDrop onMouseDown onMouseEnter onMouseLeave
109
-onMouseMove onMouseUp
109
+onMouseMove onMouseOut onMouseOver onMouseUp
110
```
111
112
Properties:
src/eventPlugins/SimpleEventPlugin.js
+16
@@ -164,6 +164,18 @@ var eventTypes = {
164
captured: keyOf({onMouseMoveCapture: true})
165
}
166
},
167
+ mouseOut: {
168
+ phasedRegistrationNames: {
169
+ bubbled: keyOf({onMouseOut: true}),
170
+ captured: keyOf({onMouseOutCapture: true})
171
+ }
172
+ },
173
+ mouseOver: {
174
+ phasedRegistrationNames: {
175
+ bubbled: keyOf({onMouseOver: true}),
176
+ captured: keyOf({onMouseOverCapture: true})
177
+ }
178
+ },
179
mouseUp: {
180
phasedRegistrationNames: {
181
bubbled: keyOf({onMouseUp: true}),
@@ -242,6 +254,8 @@ var topLevelEventsToDispatchConfig = {
254
topKeyUp: eventTypes.keyUp,
255
topMouseDown: eventTypes.mouseDown,
256
topMouseMove: eventTypes.mouseMove,
257
+ topMouseOut: eventTypes.mouseOut,
258
+ topMouseOver: eventTypes.mouseOver,
259
topMouseUp: eventTypes.mouseUp,
260
topPaste: eventTypes.paste,
261
topScroll: eventTypes.scroll,
@@ -318,6 +332,8 @@ var SimpleEventPlugin = {
332
case topLevelTypes.topDoubleClick:
333
case topLevelTypes.topMouseDown:
334
case topLevelTypes.topMouseMove:
335
+ case topLevelTypes.topMouseOut:
336
+ case topLevelTypes.topMouseOver:
337
case topLevelTypes.topMouseUp:
338
EventConstructor = SyntheticMouseEvent;
339
break;