Gerer le ctrl + S en javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

06/07/2011, 17h30
K-LiBR3

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.
07/07/2011, 09h06
skeud

non
07/07/2011, 13h33
K-LiBR3

Citation:

Envoy� par skeud

non

pourquoi non ?

Code:

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

07/07/2011, 14h10
Bovino

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.
07/07/2011, 17h29
K-LiBR3

ok merci � vous, c'est bien dommage... x)
07/07/2011, 17h31
beekeep

:salut:

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

par contre je sais pas comment ils font :aie:
07/07/2011, 17h33
Bovino

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... :?
07/07/2011, 18h08
beekeep

�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+ ;)
07/07/2011, 19h06
K-LiBR3

Si quelqu'un sait comment ils font, qu'il s'exprime ^^
Google a peu �tre des permissions particuli�re dans firefox aussi nan ?
07/07/2011, 20h21
Bovino
Effectivement, il est possible d'emp�cher la propagation de l'�v�nement du document au navigateur.
Une solution assez simple :
Code:

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...
07/07/2011, 21h52
K-LiBR3
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:

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 ?!
07/07/2011, 22h08
Bovino

Tu n'as qu'� tester : dmouronval.developpez.com/keycode/
07/07/2011, 22h28
K-LiBR3

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

et de cette facon

Code:

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
	}

Citation:

Envoy� par mekal

et de cette facon

Code:

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:

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>

Bonsoir,
de fa�on plus g�n�rique
Code:

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...

Citation:
Envoy� par NoSmoking
Bonsoir,
de fa�on plus g�n�rique
Code:

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 ?

Dois je faire ceci ? :

Code:

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>

08/07/2011, 07h58
Bovino

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 :roll:
Bien entendu, il faut que la page ai le focus...

Voir 40 message(s) de cette discussion en une page