2017-03-16 66 views
0

我希望使用React Synthetic Events documentation中列出的跨瀏覽器React JS事件。onClick事件不在iPad上觸發(reactJS)onMouseMove時甚至還啓用

我創建了一個小格,並正在試圖奪取兩個鼠標移動(非觸摸),然後單擊事件:

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

的點擊/鼠標移動做工精細正常的屏幕上。在iPad上,沒有任何點擊事件觸發 - 點擊時,「onMouseMove」事件觸發。

但是,如果我不附加onMouseMove事件處理程序,click事件觸發OK。

這是一款較舊的iPad,但我希望廣告中的跨瀏覽器支持能夠解決這個問題。

任何解決方案?

回答

0

使用這個庫,以解決您的react-tap-events Link是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> 
); 
},