Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change mouse events to pointer events

Browse source
This commit is contained in:
lolabird 2023-11-13 08:01:39 -07:00
commit f8003276c9
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
script.js
View file

@ -42,10 +42,10 @@ transSlider.addEventListener("input", adjustTransparency);
rangeSlider.addEventListener('input', changeSliderColor); rangeSlider.addEventListener('input', changeSliderColor);
gridSlider.addEventListener("input", getGridDimensions); gridSlider.addEventListener("input", getGridDimensions);
rangeKnob.addEventListener("mousedown", (e) => { rangeKnob.addEventListener("pointerdown", (e) => {
document.addEventListener("mousemove", rotateKnob); document.addEventListener("pointermove", rotateKnob);
document.addEventListener("mouseup", () => { document.addEventListener("pointerup", () => {
document.removeEventListener("mousemove", rotateKnob); document.removeEventListener("pointermove", rotateKnob);
}); });
}); });
@ -127,7 +127,7 @@ function createGrid() {
const gridToggle = document.querySelector("#gridToggle"); const gridToggle = document.querySelector("#gridToggle");
gridItems.forEach((item) => { gridItems.forEach((item) => {
item.addEventListener("mouseover", colorGrid); item.addEventListener("pointerover", colorGrid);
}); });
gridToggle.addEventListener("click", () => { gridToggle.addEventListener("click", () => {