Bloquer tous les événements d'un calque div

**SpIrIt505050** · 26/11/2009, 15h36

Bonjour,

Je m'explique, je possède une page avec 2 divs (layer1, layer2), (une en dur dans le code html et une autre ajouter et supprimer à l'aide de javascript).
Ce que je souhaite, ce serait dés lors que j'appelle ma fonction js qui crée ma seconde div layer2, je puisse bloquer tous les événements (onclick, onfocus, ...) de ma première div layer1.

La première solution qui m'est venu à l'idée, etait une troisième couche/div placée entre les deux qui aurait pour paramètres css width:100%;heigth:100%;position:absolute; ainsi les clics souris serait obligatoirement bloqués, mais j'ai remarqué que l'utilisation de la touche tab pour passer le focus sur l'élément suivant permet encore d'accéder à mes liens et inputs et reste donc très largement cliquable avec la touche entrée.

Je cherche donc un moyen d'empêcher tout événement sur une div en particulier.

Merci d'avance pour vos réponses.

Spirit

**emmanuel.remy** · 27/11/2009, 01h27

SAlut,

Pourquoi ne geres tu pas un flag qui indique si tu dois prendre en compte ou pas les événements pour ton calque, et que tu testes dans tes événements ?

ERE

**SpIrIt505050** · 27/11/2009, 09h36

Oui, mais quelle fonction pour prendre en compte ou non les événements ?

**E.Bzz** · 27/11/2009, 09h46

Bonjour,
tu déclares le booléen en variable globale, et tu la modifies dans le script de création du div. Il suffit d'intégrer le test dans les évènements ...

Code html :

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
<script type="text/javascript">
var evnt_actifs = true;    //  Evènements du div activés pas défaut

function cree_div() {
....
evnt_actifs = false;  // Désactive les évènements à la fin de la création du nouveau div
}
....
function fonction_verif() {
...
}
</script>
</head>
<body>
...
<div onclick="if (evnt_actifs) alert('un div');">
...
   <input onchange="if (evnt_actifs) fonction_verif();">
...
</div>

A+

Bloquer tous les événements d'un calque div

JavaScript

Discussions similaires

Partager

Partager