実際にクリックがmousedown
ある - >要素にフォーカスを維持する - 。>mouseup
(click
がmouseup
と一緒に派遣され
同じことがtouchstart
とtouchend
に適用され、click
はtouchend
に派遣され
を見てください。例を次の例に示すと、明確になります。
<html>
<head>
</head>
<body>
<button id="test">test</button>
<script>
document.getElementById("test").addEventListener("mousedown",() => {
console.log("down");
});
document.getElementById("test").addEventListener("click",() => {
console.log("click");
});
document.getElementById("test").addEventListener("mouseup",() => {
console.log("up");
});
</script>
</body>
</html>
o n test
ボタンを押すと、コンソールに表示されますdown
。今すぐマウスを離すと、click
とup
の両方が表示されます。
クリックして押したままにすると、離す前にポインタを離しても、click
もup
も表示されません。
touchstart
とtouchend
の間の長い時間が、click
の代わりにcontextmenu
(右クリック)を送信することに注意してください。
あなたはmousedownを意味し、しばらくすると保持をクリックしていますか?だからペンダントはtouchevent(多かれ少なかれ)でしょうか? –
朝のコーヒーの前に震えを止めるべきです。いくつかのタイプミスを修正し、例を提供しました。今明らかになったら教えてください。 – Fylax
あなたの答えは2回目の反復後に大量に改善されました:Pこの動作は明らかです...コーヒーなしで質問するのを止めるべきです;) –