同时发生 2 个点击事件 -> Javascript
2 click events at the same time -> Javascript
我想用Javascript开发游戏。
两个玩家可以在同一个移动设备上玩。当玩家点击时,我需要一种方法来检查。问题是,他们可以同时点击。因此,我尝试了 JQuery 和本机 Javascript 方法来同时处理这些点击。但是没有任何效果。
有机会做这样的事情吗?
PS:抱歉我的英语不好
正如其他人所提到的,您将希望使用触摸事件而不是点击,因为您正在为移动设备开发。这应该让你开始:
$(function() {
var touchCount = 0;
$('button').on({'touchstart':function(e) {
e.preventDefault();
touchCount++
$('.count').text(touchCount);
}});
});
button {
height:50px;
width:100px;
margin-left:50px;
}
button:first-child {
margin-left:0;
}
span {
display:block;
margin-top:50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="button">
<button>Player 1</button>
<button>Player 2</button>
</div>
<span class="count"></span>
我想用Javascript开发游戏。
两个玩家可以在同一个移动设备上玩。当玩家点击时,我需要一种方法来检查。问题是,他们可以同时点击。因此,我尝试了 JQuery 和本机 Javascript 方法来同时处理这些点击。但是没有任何效果。
有机会做这样的事情吗?
PS:抱歉我的英语不好
正如其他人所提到的,您将希望使用触摸事件而不是点击,因为您正在为移动设备开发。这应该让你开始:
$(function() {
var touchCount = 0;
$('button').on({'touchstart':function(e) {
e.preventDefault();
touchCount++
$('.count').text(touchCount);
}});
});
button {
height:50px;
width:100px;
margin-left:50px;
}
button:first-child {
margin-left:0;
}
span {
display:block;
margin-top:50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="button">
<button>Player 1</button>
<button>Player 2</button>
</div>
<span class="count"></span>