初心者です。簡単なゲームなのですが、その中にスタートボタンがあり、
addEventListener('click', )にてスタートするようになって
います。時間を競うゲームなので、スタートボタンを押して
すぐに反応して欲しいのですが、いまキーボード操作で
”Enter”を押すとすぐ反応してくれるのですが、html(php)画面の
”スタートボタン”をマウス左クリックで押すと反応が約0.15秒
くらい遅れます。
時間を競うゲームなので、この0.15秒が大きいのですが、
画面のCSSで作成されたボタンをTabで合わせている状態で
Enterを押すのと、マウスクリックするのとでは、
時間誤差は出ますか?また、マウスクリックで時間誤差を
無くす方法がありますでしょうか?
簡単ですが、ソースを下記に記します。
参考にボタンはbootstrapという物を使っています。
<!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
///
</head> <body> ///// <div>
<button id="start_stop" class="btn1 btn-lg btn-primary">START</button>
</div>
/////
<script>
/////
document.getElementById('start_stop').addEventListener('click',function(){---})
/////
</script>
追記
もともと、タイムを競うゲームなので、タイムそのものがスコアになるので0.15秒という値が分かります。
ゲーム開始はスタートボタンをマウスで押すか、Enterで押すかの違いなので、押すタイミングのずれはゼロです。(物理的なボタンの大きさ機構の違いだけなのでゲームに影響を与えるほどの値とは思えません。)
スタートボタンを押すと、ストップボタンに変化します。ストップボタンを押すとスタートボタンにまた変わる、を繰り返します。マウスは動かさないので、動作の違いは左クリックとキーボードEnterのボタン違いのみなのです。
回答1件
あなたの回答
tips
プレビュー