Question

我希望使用React Synthetic Events documentation中列出的跨浏览器React JS事件。

我创建了一个小div，并尝试捕获鼠标移动（非触摸）和点击事件：

<div ng-show="query != ''" class="dashboard-clients"> <div ng-repeat="(key, data) in result"> <a ng-click="selectClients(key)">{{data.yourVariableName}}</a> </div> </div> </form> </div>

点击/鼠标移动在普通屏幕上正常工作。在iPad上，没有任何点击事件会发生 - 点按，＆＃34; onMouseMove＆＃34;事件发生了火灾。

但是，如果我没有附加onMouseMove事件处理程序，则click事件会触发。

这是一款较旧的iPad，但我希望广告中提供的跨浏览器支持可以解决这个问题。

任何解决方案？

Answer 1

使用此库解决react-tap-events链接https://github.com/zilverline/react-tap-event-plugin

var injectTapEventPlugin = require("react-tap-event-plugin");
injectTapEventPlugin();

并在你的渲染方法中

render: function() {
  return (
    <a
      href="#"
      onTouchTap={this.handleTouchTap}
      onClick={this.handleClick}>
      Tap Me
    </a>
  );
},

当onMouseMove甚至还启用时，onClick事件不会在iPad上触发（reactJS）

1 个答案: