select dblclick op option EN optgroup
Ik heb een select met meerdere optgroup waaronder ook meerdere options.
Ik wil een dblclick op de optgroup om de items te verbergen/tonen (een soort dicht en open klappen) en een dblclick om gekozen item toe te voegen aan een andere select.
Beide opties werken echter als ik dblclick op een optie wordt ook de groep uitgevoerd.
Hoe kan ik dat vermijden?
Eventueel kan ik de event hangen aan de select maar hoe weet ik dan of de click aan de groep of op de optie is?
Jan
PS pure javascript. Geen jquery.
optgroup: ondblclick="collapseGroup(this);"
Om dat te voorkomen is er de methode stopPropagation() van het JavaScript Event object:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
var options = document.querySelectorAll("option");
for (var option in options) {
option.addEventListener('dblclick', function(e){
e.stopPropagation();
// Hier de rest van je add2list code
});
}
for (var option in options) {
option.addEventListener('dblclick', function(e){
e.stopPropagation();
// Hier de rest van je add2list code
});
}
Gewijzigd op 05/07/2022 19:48:19 door Jan Koehoorn