Discussion :

[Ctesias]

Bonsoir,

J'explique mon problème. J'aimerais créer un script javascript qui permetterait de bloquer l'utilisation de la barre espace ainsi que des flèches. J'aimerais faire cela afin que l'utilisation ne puisse descendre dans la page.

J'ai deja essayer de la faire de deux manière, mais aucune ne marche...

Manière 1 :

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
window.onload =initlistener;
 
function initlistener()
{
 
document.addEventListener("keydown",touches,true);
document.addEventListener("keyup",touches,true);
alert("listener activé")
}
function touches(event)
{	
	if((event.keyCode == 32) || (event.keyCode == 40) || (event.keyCode == 38) || (event.keyCode == 39) || (event.keyCode == 37) ){
    //     event.returnValue = false;	
		event.keyCode=0;return false;
		 }	
}

Manière 2 :

Code :

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

1
2
3
4
5
6
7
8
document.onkeydown=bloquetouches;
 
function bloquetouches()
{
	if((event.keyCode == 32) || (event.keyCode == 40) || (event.keyCode == 38) || (event.keyCode == 39) || (event.keyCode == 37) ){
	event.keyCode=0;return false;
	}
}

Je suis tombé sur plusieurs topic qui se trouvent sur le forum. J'ai eu beau regarder et essayer de comprendre pour le reappliquer, ca ne marche toujours pas.

Si quelqu'un peut m'aider..

Merci d'avance,

Ctesias

[SylvainPV]

Je ne pense pas que ce soit faisable, c'est contraire aux règles de sécurité de bloquer des raccourcis claviers propres au navigateur. Si tu veux empêcher l'utilisateur de scroller la page, le mieux est de masquer le contenu hors-page en CSS, et de l'afficher ensuite en Javascript quand tu le désires.

[Ctesias]

Ok. merci de ta réponse.

J'avais sinon imaginé de réglé automatiquement une "resolution" au niveau du navigateur. Je ne sais pas si cela est possible.

Encore merci de ta réponse,

Ctesias

[SylvainPV]

Non, ça ne marche pas comme ça. Je te suggère d'approfondir tes connaissances sur le CSS pour mieux comprendre comment manipuler la taille des éléments via des feuilles de style.

[ABCIWEB]

Pour faire une mise en page dépendante de la résolution de l'écran du visiteur tu peux t'intéresser aux media query.