0.5.0

Author: cht8687

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-hover",
-  "version": "0.4.2",
-  "description": "show anything when mouse hover",
+  "version": "0.5.0",
+  "description": "A handy hover tool for React",
   "main": "dist/index.js",
   "scripts": {
     "prepublish": "parallelshell -w \"npm run build:dist -s\" \"npm run build:example -s\" \"npm run build:bower -s\"",

src/lib/TriggerComponent.js

@@ -21,6 +21,8 @@ export default class TriggerComponent extends Component {
         onMouseOver={this.onMouseOver.bind(this)}
         onMouseOut={this.onMouseOut.bind(this)}
         onMouseMove={this.onMouseMove.bind(this)}
+        onTouchStart={this.onTouchStart.bind(this)}
+        onTouchEnd={this.onTouchEnd.bind(this)}
         dangerouslySetInnerHTML={{ __html: componentHtml.trigger }}
         > 
       </h1>
@@ -42,4 +44,13 @@ export default class TriggerComponent extends Component {
     getCursorPos(e);
   }
 
+  onTouchStart() {
+    const { setVisibility } = this.props;
+    setVisibility(true);
+  }
+
+  onTouchEnd() {
+    const { setVisibility } = this.props;
+    setVisibility(false);
+  }
 }