onMouseMoveを有効にしてもonClickイベントがiPadで反応しない（reactJS）

Question

React Synthetic Events documentationにリストされているクロスブラウザのReact JSイベントを使用したいと考えています。

私は小さなdiv要素を作成しました、そして（非タッチ用）マウス移動の両方をキャプチャし、イベントをクリックしようとしています：通常の画面に

....and the div... 
<div id="mi-debug" 
    onClick={this.onClick} 
    onMouseMove={this.onMove} 
> 

クリック/マウス移動作業罰金を。 iPadでは、クリックイベントは一度も発生しません。タップすると、「onMouseMove」イベントが発生します。

ただし、onMouseMoveイベントハンドラを添付しないと、clickイベントが発生してOKになります。

これは古くなったiPadですが、広告を掲載する広告主様のサポートがこれを処理することを期待していました。

すべてのソリューションはありますか？

Answer 1

あなたreact-tap-eventsリンクhttps://github.com/zilverline/react-tap-event-plugin

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

とあなたのrenderメソッド

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

である解決するために、このライブラリを使用します