Gerer le ctrl + S en javascript [Résolu]

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

Citation:

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

Citation:

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

Citation:

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 !

mekal · 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

Citation:

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

Citation:

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>

Bovino · 08/07/2011, 07h58

Citation:

Envoyé par K-LiBR3

Sa m'ouvre toujours la fenetre firefox pour enregistrer la page :S

Le code que je t'ai donné fonctionne parfaitement

Bien entendu, il faut que la page ai le focus...

06/07/2011, 17h30	#1
K-LiBR3 Invité régulier P Julien Inscription : octobre 2010 Messages : 57 Détails du profil Informations personnelles : Nom : P Julien Informations forums : Inscription : octobre 2010 Messages : 57 Points : 6 Points : 6	Gerer le ctrl + S en javascript 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.
	00

07/07/2011, 09h06	#2
skeud Membre éprouvé romain escudier Développeur informatique Inscription : juin 2011 Messages : 300 Détails du profil Informations personnelles : Nom : romain escudier Âge : 22 Localisation : France, Ille et Vilaine (Bretagne) Informations professionnelles : Activité : Développeur informatique Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2011 Messages : 300 Points : 471 Points : 471	non __________________ Pas de solution, pas de probleme Une réponse utile (ou +1) le pouce vert Une réponse à votre question
	01

07/07/2011, 17h29	#6
K-LiBR3 Invité régulier P Julien Inscription : octobre 2010 Messages : 57 Détails du profil Informations personnelles : Nom : P Julien Informations forums : Inscription : octobre 2010 Messages : 57 Points : 6 Points : 6	ok merci à vous, c'est bien dommage... x)
	00

07/07/2011, 17h31	#7
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 604 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 604 Points : 2 233 Points : 2 233	si c'est possible, il n'y a qu'à voir GMail ou Google documents. par contre je sais pas comment ils font
	00

07/07/2011, 17h33	#8
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 803 Points : 35 803	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... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

07/07/2011, 18h08	#9
beekeep Rédacteur/Modérateur Développeur informatique Inscription : octobre 2006 Messages : 1 604 Détails du profil Informations personnelles : Sexe : Âge : 26 Localisation : France, Haute Garonne (Midi Pyrénées) Informations professionnelles : Activité : Développeur informatique Informations forums : Inscription : octobre 2006 Messages : 1 604 Points : 2 233 Points : 2 233	ç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+
	00

07/07/2011, 19h06	#10
K-LiBR3 Invité régulier P Julien Inscription : octobre 2010 Messages : 57 Détails du profil Informations personnelles : Nom : P Julien Informations forums : Inscription : octobre 2010 Messages : 57 Points : 6 Points : 6	Si quelqu'un sait comment ils font, qu'il s'exprime ^^ Google a peu être des permissions particulière dans firefox aussi nan ?
	00

07/07/2011, 22h08	#13
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 803 Points : 35 803	Tu n'as qu'à tester : dmouronval.developpez.com/keycode/ __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

07/07/2011, 22h28	#14
K-LiBR3 Invité régulier P Julien Inscription : octobre 2010 Messages : 57 Détails du profil Informations personnelles : Nom : P Julien Informations forums : Inscription : octobre 2010 Messages : 57 Points : 6 Points : 6	Ouep mais comment pourrai on faire pour que sa n'ouvre pas de fenetre lors du ctrl + s ? Dans google document ils y arrivent !
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email