Discussion :

[Zebulon777]

Bonjour à tous,

j'ai un truc bizarre : je créé un lien dynamiquement que je ne veux activer que par CTRL+CLIC.
Ce que j'ai fait fonctionne correctement sauf si on fait un CTRL+doubleclic : alors là ça ouvre non seulement la page demandée, mais en plus un nouvel onglet contenant la page appelante.

Voici le code :

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
 
// ---------------------------------------------------------------------------------------------------------------------
function Trt_PiedDePage() {
//	WVersion = "<A href='NotesDeVersion.html'>" + G_Version + " (" + G_DatePublication + ")</a>";
	G_CTRL = "VERSION";
	WVersion = "<A href='#' onClick='FonctionCTRL(event);return false;'>" + G_Version + " (" + G_DatePublication + ")</a>";
	document.getElementById("Cell_Version").innerHTML = WVersion;
}
//------------------------------------------------------------------------------------
function FonctionCTRL(P_Event) {
 
	if(P_Event.ctrlKey)
	{
		if (G_CTRL == "VERSION")
		{
			G_CTRL = "";
			window.open("NotesDeVersion.html", "_top");
		};
	};
}
//------------------------------------------------------------------------------------

Qu'est-ce qui cloche ?

Merci d'avance pour votre aide.

[SylvainPV]

Il faut empêcher le navigateur de faire l'action par défaut avec P_Event.preventDefault();

[Zebulon777]

Ha ok, je ne connaissant pas du tout.
Je le mets après le false ou dans la fonction de traitement de l’événement ?

J'ai essayé au début et à la fin de la fonction de traitement de l’événement et ça ne fonctionne pas.

[Zebulon777]

Bon, ben y a rien à faire, je n'y arrive pas : quoique je fasse, il y a toujours une ouverture de la page appelante dans un nouvel onglet.
Je suis preneur de toute solution

[Zebulon777]

Bon, ben comme je tournais en rond sur ce problème et que je n'ai plus vraiment le temps de m'y plonger, j'ai changé mon fusil d'épaule et faisant la même chose mais sur une image et là, impeccable, tout fonctionne.

Pour finir, je pense que le problème vient du fait que le CTRL+Lien a déjà une action prévu par défaut sur le net.

L'affaire close.

[SylvainPV]

preventDefault() sert justement à empêcher l'action par défaut... Il faut évidemment le mettre dans ta FonctionCTRL, là où P_Event est déclaré

[Zebulon777]

Oui, je m'en suis douté en lisant plus attentivement ce que tu avais écris, mais ça ne fonctionne pas.

En fait, d'après mes recherche, je pense que c'est dû au fait que le CTRL+CLIC est une fonctionnalité par défaut lié au HTML lui-même : quand on fait un CTRL+CLIC sur n'importe quel lien ou objet cliquable, n'importe où sur le net, le résultat est le même, ça ouvre la cible dans un nouvel onglet.

[SylvainPV]

Ca fonctionne bien de mon côté : http://jsfiddle.net/vv01xvzc/

[Zebulon777]

Bizarre, j'essaye ton lien et rien ne se passe quand je clique sur "Lien externe".

[SylvainPV]

Je croyais que c'était exactement le but escompté

Si tu veux que le lien marche uniquement avec control enfoncé, il suffit de rajouter un if et de mettre le code désiré :

Code :

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

1
2
3
4
5
6
document.querySelector("a").onclick = function(e){     
    e.preventDefault() 
    if(e.ctrlKey){
        window.location = e.target.href;
    }
}

[Zebulon777]

Non, on s'est mal compris : le but était que le lien ne s'ouvre QUE si on faisait CTRL+CLIC.
En tout cas, c'est bon ta solution fonctionne.
Je la garde sous le coude, car pour le moment, nous avons décidé de faire la même chose mais avec le CTRL+CLIC sur une image, ce qu'on avait déjà mis en place.

Merci encore pour ton aide et ta patience.

[SylvainPV]

J'avais bien compris, je voulais te prouver que preventDefault marchait bien comme prévu. Bizarre que tu ais trouvé ça bizarre... enfin, passons