我有一個類似糖果粉碎的游戲,并使用這四個監聽器來交換專案
canvas.addEventListener('mousemove', onm ouseMove);
canvas.addEventListener('mousedown', onm ouseDown); // also tried pointerup and pointerdown
canvas.addEventListener('mouseup', onm ouseUp);
canvas.addEventListener('mouseout', onm ouseOut);
它在桌面上運行良好,但有時第二次點擊(滑鼠按下)(在第二個磁貼上根本沒有被觸發)。我的意思是沒有呼叫偵聽器函式。我有
cursor: pointer
在我的 CSS 中,我不知道該怎么做。
注意:如果您下次單擊畫布上的某個位置,則會觸發事件,就像在舊位置單擊一樣。因此,如果我要更改瓷磚 x: 0, y: 0 和 x: 0, y: 1 的位置:
- 我選擇第一個圖塊 (x: 0, y: 0)
- 我嘗試選擇第二個圖塊 (x:0, y:1)。事件沒有被觸發
- 如果我點擊任何隨機瓷磚,這兩個會以某種方式交換位置
請幫忙!謝謝!
uj5u.com熱心網友回復:
將 Touch Events Docs與您現有的代碼結合使用
canvas.addEventListener('touchmove', onm ouseMove);
canvas.addEventListener('touchstart', onm ouseDown);
canvas.addEventListener('touchend', onm ouseUp);
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/375509.html
標籤:javascript css 反应 帆布
上一篇:使用Firebasev9從網站上傳檔案到Firebase存盤
下一篇:找到陣列物件的相似值并計算已售出
