Touchend in een loop?
Voor touch devices wil ik een functie maken als de touchscreen word losgelaten. Deze functie is voor meerderen elementen.
De elementen heb ik in een loop gezet maar de code haalt niets uit. Als ik de touch functie weg haal dan werkt het wel.
Hoe kan ik een touchend op meerdere elementen zetten zonder voor elk element een functie aan te maken?
Code (php)
1
2
3
4
5
6
2
3
4
5
6
varelements= document.querySelectorAll('.hamburgermenu,.phone,.shoppingbag');
elements.ontouchend = function(){
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = "#af7aa5";
}
}
elements.ontouchend = function(){
for (var i = 0; i < elements.length; i++) {
elements[i].style.color = "#af7aa5";
}
}
https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
(dus elements.forEach(), enz)
Gebruikt gemaakt 'this' in de loop
Code (php)
1
2
3
4
5
6
2
3
4
5
6
varelements= document.querySelectorAll('.hamburgermenu,.phone,.shoppingbag');
for(var i =0; i< elements.length; i++){
elements[i].ontouchend = function(){
this.style.color = '#fff';
}
}
for(var i =0; i< elements.length; i++){
elements[i].ontouchend = function(){
this.style.color = '#fff';
}
}