Gerer le ctrl + S en javascript

**K-LiBR3** · 06/07/2011, 17h30

Bonjour,

Je saisqu'on peut assigné une touche à une fonction en javascript et je sais aussi que le ctrl + S est réserver au navigateur pour enregistrer la page en cour.

Mais est il possible que j’écrase cette fonction pour que, quand on fasse ctrl + S, mon site exécute une fonction particulière ?

merci d'avance.

**skeud** · 07/07/2011, 09h06

non

**K-LiBR3** · 07/07/2011, 13h33

Envoyé par skeud

non

pourquoi non ?

**SpaceFrog** · 07/07/2011, 13h46

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
34
35
36
37
38
39
40
41
42
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 2</title>
 
<script type='text/javascript'>
function remplaceCtrlTouche(e, toucheInterdite, fonction){
        var key;
        var CtrlDown;
 
        if(window.event) {
                key = window.event.keyCode;     //IE
                CtrlDown=(window.event.ctrlKey)?true:false;
        			}
        else  {
                key = e.which;     //firefox
                CtrlDown=(e.ctrlKey)?true:false;
                }
 
        if(CtrlDown) {        //La touche Ctrl à été enfoncée, verfication de combinaison
			//verification de casse
			if(toucheInterdite.toLowerCase() === String.fromCharCode(key).toLowerCase()){
					// ici lancement de la fonction de substitution
                 fonction()
                 // annulation de la fonction originale
                 return false;
                 }
           }
        return true;
}
 
function maRecherchePerso(){
alert('faut pas vouloir copier')
}
 
</script>
</head>
 
<body onkeydown="return this.onkeypress();" onkeypress="return remplaceCtrlTouche(event,'A', maRecherchePerso)">
 
</body>
 
</html>

ce code fonctionne avec A
mais pas avec S
le ctrl+S est géré en amont ... donc inaccessible pour JS

**Bovino** · 07/07/2011, 14h10

Envoyé par K-LiBR3

pourquoi non ?

Parce que JavaScript intervient sur le comportement d'un document HTML. La fonctionnalité CTRL+S est gérée par le navigateur, donc hors de portée de JavaScript.

**K-LiBR3** · 07/07/2011, 17h29

ok merci à vous, c'est bien dommage... x)

**beekeep** · 07/07/2011, 17h31

si c'est possible, il n'y a qu'à voir GMail ou Google documents.

par contre je sais pas comment ils font

**Bovino** · 07/07/2011, 17h33

Euh... non, moi je trouve ça plutôt rassurant de savoir qu'un script écrit par quelqu'un que je ne connait pas et qui s'exécute depuis un site Web ne puisse pas être maître des applications qui tournent sur mon ordi...

**beekeep** · 07/07/2011, 18h08

ça ne veut pas dire qu'il est maître de ton navigateur,
cela n'affecte pas le comportement de la sauvegarde (toujours accessible par le menu) ça squeeze juste le raccourcis clavier.

d'ailleurs une petite recherche donne quelques solutions à tester.

a+

**K-LiBR3** · 07/07/2011, 19h06

Si quelqu'un sait comment ils font, qu'il s'exprime ^^
Google a peu être des permissions particulière dans firefox aussi nan ?

**Bovino** · 07/07/2011, 20h21

Effectivement, il est possible d'empêcher la propagation de l'événement du document au navigateur.
Une solution assez simple :

Code :

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

1
2
3
4
5
6
document.onkeydown = function(e){
	if(e.ctrlKey && e.keyCode==83){
		// Ta fonction
		return false;
	}
}

A adapter pour les versions de IE < 9...

**K-LiBR3** · 07/07/2011, 21h52

Envoyé par Bovino

Effectivement, il est possible d'empêcher la propagation de l'événement du document au navigateur.
Une solution assez simple :

Code :

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

1
2
3
4
5
6
document.onkeydown = function(e){
	if(e.ctrlKey && e.keyCode==83){
		// Ta fonction
		return false;
	}
}

A adapter pour les versions de IE < 9...

Merci beaucoup, sa fonctionne, le seul problème, c'est que sa ouvre également la fenêtre firefox qui demande d'enregistré la page :S ?!

**Bovino** · 07/07/2011, 22h08

Tu n'as qu'à tester : dmouronval.developpez.com/keycode/

**K-LiBR3** · 07/07/2011, 22h28

Ouep mais comment pourrai on faire pour que sa n'ouvre pas de fenetre lors du ctrl + s ? Dans google document ils y arrivent !

Invité · 07/07/2011, 22h52

et de cette facon

Code :

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

1
2
3
4
5
document.onkeydown = function(e){
	if(e.ctrlKey && e.keyCode==83){
	(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
		// Ta fonction
	}

**K-LiBR3** · 07/07/2011, 23h07

Envoyé par mekal

et de cette facon

Code :

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

1
2
3
4
5
document.onkeydown = function(e){
	if(e.ctrlKey && e.keyCode==83){
	(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
		// Ta fonction
	}

Sa m'ouvre toujours la fenetre firefox pour enregistrer la page :S
Vous pouvez tester le ctrl + s ici : http://stratskidrow2on2esl.free.fr/testCtrlS/

le code de la page :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script>
						document.onkeydown = function(e)
						{
							if(e.ctrlKey && e.keyCode==83)
							{
								(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
								alert('');
							}
						}
</script>

**NoSmoking** · 07/07/2011, 23h38

Bonsoir,
de façon plus générique

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function CancelEvent(e){
  if( e){
    e.stopPropagation();
    e.preventDefault();
  }
  if( window.event){
    window.event.cancelBubble = true;
    window.event.returnValue  = false;
    return;
  }
}

la prise en compte dépend également de la "façon" dont les touches sount appuyées, les 2 en même temps on ne passe pas l'une après l'autre cela ouvre la fenêtre de sauvegarde.

Conclusion : il faut gérer le tampon des touches...

**K-LiBR3** · 07/07/2011, 23h42

Envoyé par NoSmoking

Bonsoir,
de façon plus générique

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function CancelEvent(e){
  if( e){
    e.stopPropagation();
    e.preventDefault();
  }
  if( window.event){
    window.event.cancelBubble = true;
    window.event.returnValue  = false;
    return;
  }
}

la prise en compte dépend également de la "façon" dont les touches sount appuyées, les 2 en même temps on ne passe pas l'une après l'autre cela ouvre la fenêtre de sauvegarde.

Conclusion : il faut gérer le tampon des touches...

Je ne comprend pas votre code, que dois je faire exactement ?

**K-LiBR3** · 07/07/2011, 23h47

Dois je faire ceci ? :

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
<script>
	document.onkeydown = function(e)
	{
		if(e.ctrlKey && e.keyCode==83)
		{
			(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
			CancelEvent(e);
			alert('');
		}
	}
	function CancelEvent(e)
	{
		if(e)
		{
			e.stopPropagation();
			e.preventDefault();
		}
		if(window.event)
		{
			window.event.cancelBubble = true;
			window.event.returnValue  = false;
			return;
		}
	}
</script>