2017-03-16 2 views
0

React Synthetic Events documentation에 나열된 크로스 브라우저 React JS 이벤트를 사용하고 싶습니다.onMouseMove도 활성화 된 경우 onClick 이벤트가 iPad에서 실행되지 않음 (reactJS)

나는 작은 사업부를 만든 및 이벤트 (비 터치) 마우스 움직임 모두를 캡처하고 클릭하는 것을 시도하고있다 :

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

크리크/마우스 이동 잘 작동 정상 화면에. iPad에서는 클릭 이벤트가 발생하지 않습니다. 탭에서 "onMouseMove"이벤트가 발생합니다.

그러나 onMouseMove 이벤트 처리기를 연결하지 않으면 click 이벤트가 OK가됩니다.

이것은 이전 버전의 iPad이지만이를 지원할 수있는 크로스 브라우저 지원이 필요했습니다.

모든 솔루션?

답변

0

사용이 라이브러리는 react-tap-events 링크 렌더링 방법

render: function() { 
    return (
    <a 
     href="#" 
     onTouchTap={this.handleTouchTap} 
     onClick={this.handleClick}> 
     Tap Me 
    </a> 
); 
}, 
https://github.com/zilverline/react-tap-event-plugin

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

하고 당신에 해결

관련 문제