Discussion :

[RyzenOC]

Bonjour, je cherche a désactiver le clique droit sur quelque éléments (textarea, input....)

J'arrive a le désactiver mais que sur 1 balise ! pourquoi ?, voici le code:

sa ca marche :

Code :

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

1
2
3
4
5
document.oncontextmenu = function(event) {
   if ('TEXTAREA' !== event.target.tagName) {
      event.preventDefault();
   }
}

mais pas ca :

Code :

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

1
2
3
4
5
6
7
8
document.oncontextmenu = function(event) {
   if ('TEXTAREA' !== event.target.tagName) {
      event.preventDefault();
   }
 if ('INPUT' !== event.target.tagName) {
      event.preventDefault();
   }
}

Par avance merci.

[SpaceFrog]

mets une class spécifique aux elements genre "noclick" et teste si l'element a la classe ...

[RyzenOC]

y'a pas moyen de faire par balise ?

[SpaceFrog]

ben si justement avec le class sur la balise ...

[Bovino]

Si, mais ton code est totalement illogique.

Code :

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

1
2
3
4
5
6
7
8
document.oncontextmenu = function(event) {
   if ('TEXTAREA' !== event.target.tagName) {
      event.preventDefault();
   }
 if ('INPUT' !== event.target.tagName) {
      event.preventDefault();
   }
}

J'espère que tu es conscient que quelle que soit la balise sur laquelle tu cliques, ça ne sera jamais à la fois un input et un textarea, donc tu passeras obligatoirement dans au moins une des conditions et l'événement sera annulé !

[RyzenOC]

oui mais j'ai pas envie de mettre une classe ou un id a toute mes textarea !

[RyzenOC]

personne n'a d'autre idées ?

[SpaceFrog]

Si Bovino a relevé une incohérence dans ton code ...

[SylvainPV]

Code :

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

1
2
3
if ('TEXTAREA' !== event.target.tagName && 'INPUT' !== event.target.tagName) {
      event.preventDefault();
}

C'est que de la logique...

[Bovino]

Code :

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

1
2
3
if ('TEXTAREAINPUT'.indexOf(event.target.tagName) == -1) {
      event.preventDefault();
}

[RyzenOC]

C'est bon j'ai trouvée :

Code :

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

1
2
3
4
5
6
7
document.oncontextmenu = function(event) {
   if ('TEXTAREA' !== event.target.tagName) {
      if ('INPUT' !== event.target.tagName) {
			event.preventDefault();
		}
   }
}

[NoSmoking]

Bonjour,
la solution de Bovino, voir celle de SylvainPV, est quand même plus bien propre que cette cascade de conditions.

[SylvainPV]

Attention avec la solution de Bovino

https://developer.mozilla.org/fr/doc...L/Element/area

[Watilin]

Variante avec un tableau :

Code :

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

1
2
3
if (['TEXTAREA', 'INPUT'].indexOf(event.target.tagName) == -1) {
      event.preventDefault();
}

@sazearte : Ce n'est pas la première fois que tu te contentes de la première solution qui vient, sans chercher à savoir si elle est de bonne qualité ou pas. C'est un peu dommage…

Je rejoins les autres, tu dois faire attention à ta logique. Notamment :

• !(A && B) équivaut à (!A) || (!B)
• !(A || B) équivaut à (!A) && (!B)

Ce sont les lois de De Morgan.

[Bovino]

J'y avais pensé, mais ça pose un problème de compatibilité pour IE < 9.

[Watilin]

J'<3 pas IE <9

[NoSmoking]

J'ai déjà utilisé cette "astuce" avec une approche très légèrement différente, encadrement par des tirets, justement pour ne pas prendre de risque, ainsi out les P, A ou encore AREA...

Code :

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

1
2
3
if ('-TEXTAREA-INPUT-'.indexOf( '-' +event.target.tagName +'-') == -1) {
      event.preventDefault();
}