Discussion :

[dragonfly]

Bonjour à tous,

je viens vers vous car j'ai un petit probléme avec ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
window.addEventListener("keydown",function(ev){
		if(ev.keyCode == 8){
			alert('test');
			return false;
		}	
},false);

En gros je voudrais afficher un alert et annuler l'action d'appuyer sur la touche DELETE.
Or quand j'appuie dessus, l'alert s'affiche bien mais l'action continue (retour page précédente).
De plus, quand j'appuie sur les autres touches, rien ne se passe (que je mettes ou pas "return true;" à la fin).

Je ne comprends pas pourquoi ca ne fonctionne pas.
Si l'un de vous à une idée...

Merci

[dragonfly]

Bonjour,

aprés tests j'en suis arrivé à cette version :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
if (window.addEventListener) {
	window.addEventListener("keydown",function(ev){
		if(ev.keyCode == 8){
			alert('test');
			if (ev.preventDefault) {
			  ev.preventDefault();
			}
			ev.returnValue = false;
		}else{
			if (ev.preventDefault) {
			  ev.preventDefault();
			}
			ev.returnValue = true;
		}
	},false);
}
else {
	window.attachEvent("onkeydown",function(ev){
		if(ev.keyCode == 8){
			alert('test');
			if (ev.preventDefault) {
			  ev.preventDefault();
			}
			ev.returnValue = false;
		}else{
			if (ev.preventDefault) {
			  ev.preventDefault();
			}
			ev.returnValue = true;
		}
	});
}

Mais sous IE8, rien ne se passe lors de l'appuie sur les touches (gestion via le attachEvent)

Merci

[Bovino]

Présentation des événements du DOM.

En particulier : L'objet Event.

[dragonfly]

Bonjour, merci pour ta réponse

C'est assez complet comme tuto, je le garde sous la main.

Finalement, j'ai opté pour une solution Jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).keydown(function(ev){
	if(ev.keyCode == 8 && !($("input").is(":focus"))){
		if (ev.preventDefault) {
		  ev.preventDefault();
		}
		ev.returnValue = false;
	}	
});

Bonne journée.

[Bovino]

j'ai opté pour une solution Jquery

En réalité, c'est un mauvais mix entre jQuery et JavaScript natif.

Dans ce genre de cas, l'utilité de jQuery, c'est l'uniformisation de la syntaxe, ce qui signifie qu'un objet Event jQuery possède une méthode preventDefault() qui sera disponible quel que soit le navigateur, mais qui est à ne pas confondre avec la méthode native JavaScript.
Bref, tu n'as ni à tester, ni à prévoir de syntaxe alternative :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(document).keydown(function(ev){
	if(ev.keyCode == 8 && !($("input").is(":focus"))){
		ev.preventDefault();
	}	
});