2016-03-29 12 views
0

https://github.com/zilverline/react-tap-event-pluginを使用してiPhoneのタップイベントで300msの遅延をなくそうとしましたが、マウスでエレメントをクリックするとイベントが2回ここに私のコードは次のとおりです。マウスのクリックでリアクションタップイベントプラグインの発射イベントを2回反応させます

私のメインapp.jsファイルでは:私のコンポーネントで

import injectTapEventPlugin from 'react-tap-event-plugin'; 
injectTapEventPlugin({ 
    ignoreMouseThreshhold: 1000 //I've tried with and without this 
}); 

<th 
    onTouchTap={ this.handleTap.bind(this); } 
    onClick={ this.handleTap.bind(this); }> 

コンピュータのマウスから要素をクリックしたときにhandleTap方法は二回焼成されます。

編集:イベントを検査した後、「mouseup」イベントが発生し、その直後に「クリック」イベントが発生したように見えます。

+0

あなたはどちらのバージョンの反応を使用していますか? –

+0

0.14.7 - クリックハンドラを完全に削除すると動作するようです – ThinkingInBits

+0

[onTouchTapのマテリアルとUIのダイアログで2回発生する可能性があります]の複製が可能です(https://stackoverflow.com/questions/38363789/ontouchtap-firing-twice-材料 - UIダイアログ) – novaline

答えて

0

onTouchTapを使用している場合は、onClickを使用しないでください。

関連する問題