Cliquer sur une option dans un datalist déclenche les évènements du clavier dans Chrome
Bonjour,
Quand on clique sur une option dans un <datalist, ça ne devrait pas déclencher un event du clavier puisque on ne touche pas au clavier.
Le comportement est normal sur Firefox, mais pas sur Chrome.
Voir le code suivant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser" onkeyup='keyup(event)'>
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist></body>
</html>
<script>
function keyup(event)
{
console.log ("keyup : " + event.code);
}
</script> |
Tapez la clé C, il reste Chrome dans la liste, cliquez sur l'option Chrome et vous obtenez deux events keyup :
keyup : KeyC
keyup : undefined
Le premier est normal, mais le second déclenché par la souris ne l'est pas, d'ailleurs le code est vide.
Avec Firefox, la même opération ne donne que la ligne
keyup : KeyC
