2016-09-30 1 views
0

touchstartクリックするとペンダントはありますか?クリックするJSタッチイベントのペンダント

「はい」の場合、mousedownはどうなりますか?そうでない場合は、それはclickのですか?

mousedown = touchstart 
click = ? 
mouseup = touchend 

または

mousedown = ? 
click = touchstart 
mouseup = touchend 

一貫モバイルデバイス上でトリガmousedownと同様のイベントはありますか?

答えて

1

実際にクリックがmousedownある - >要素にフォーカスを維持する - 。>mouseupclickmouseupと一緒に派遣され

同じことがtouchstarttouchendに適用され、clicktouchendに派遣され

を見てください。例を次の例に示すと、明確になります。

<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。今すぐマウスを離すと、clickupの両方が表示されます。

クリックして押したままにすると、離す前にポインタを離しても、clickupも表示されません。

touchstarttouchendの間の長い時間が、clickの代わりにcontextmenu(右クリック)を送信することに注意してください。

+0

あなたはmousedownを意味し、しばらくすると保持をクリックしていますか?だからペンダントはtouchevent(多かれ少なかれ)でしょうか? –

+0

朝のコーヒーの前に震えを止めるべきです。いくつかのタイプミスを修正し、例を提供しました。今明らかになったら教えてください。 – Fylax

+0

あなたの答えは2回目の反復後に大量に改善されました:Pこの動作は明らかです...コーヒーなしで質問するのを止めるべきです;) –

関連する問題