前提・実現したいこと
布のシミュレーションのコードで、マウスで反応するイベントを
スマホ上のタッチで反応するようにしたいです。
onmousedown → ontouchstart
onmouseup → ontouchend
onmousemove → ontouchmove
上のように対応する所までは分かったのですが(違ったらすみません・・。)
それ以外どこを変更すれば動作するのでしょうか。
ご教授頂けると幸いです。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
JavaScript
1function start() { 2 canvas.onmousedown = function (e) { 3 mouse.button = e.which; 4 mouse.px = mouse.x; 5 mouse.py = mouse.y; 6 var rect = canvas.getBoundingClientRect(); 7 mouse.x = e.clientX - rect.left, 8 mouse.y = e.clientY - rect.top, 9 mouse.down = true; 10 e.preventDefault(); 11 }; 12 canvas.onmouseup = function (e) { 13 mouse.down = false; 14 e.preventDefault(); 15 }; 16 17 canvas.onmousemove = function (e) { 18 mouse.px = mouse.x; 19 mouse.py = mouse.y; 20 var rect = canvas.getBoundingClientRect(); 21 mouse.x = e.clientX - rect.left, 22 mouse.y = e.clientY - rect.top, 23 e.preventDefault(); 24 };
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー