so deaktivieren oder aktivieren Sie alle onClick für Bilder auf einer Seite

Wenn der Benutzer klickt auf ein Bild, ich will die onClicks auf alle anderen Bilder werden deaktiviert, bis die Funktion beendet ist.

Momentan habe ich diesen code, der deaktiviert Sie:

var eles = document.getElementsByTagName('img');
for (var i=0; i < eles.length; i++)
   eles[i].onclick = false;

aber ich bin mir nicht sicher, wie Sie Sie wieder aktivieren. Ich habe versucht:

var eles = document.getElementsByTagName('img');
for (var i=0; i < eles.length; i++)
   eles[i].onclick = true;

Aber es funktioniert nicht. jemand ne Lösung für dieses problem

Dieses problem, das Sie haben, zeigt die Tatsache, dass Sie binden, klicken Sie auf Handler falsch. Wenn Sie sind in der Steuerung und kann es ändern, bitte entfernen Sie alle onclick Attribute und in JS verwenden, die die addEventListener - Methode oder die Verwendung eines Frameworks wie jQuery für eine breitere browser-Unterstützung. Dann können Sie bibnd die Ereignisse, wenn Sie bereit sind,

InformationsquelleAutor spogebob92 | 2013-02-21

7

Ihre Lösung funktioniert nicht, da Sie entfernt Ihre mit onClick onClick = false. Nach, dass Sie brauchen, um das onClick-event-handler wieder.

Dies ist wahrscheinlich die Möglichkeit, das hinzufügen von onclick-events, ich habe es geändert, damit sollte es funktionieren.
```
<img src="image1.jpg" onclick="when_i_click();"/>
<img src="image2.jpg" onclick="when_i_click();"/>
```
Versuchen, das hinzufügen einer Funktion, um Ihr onclick-wie oben.

Ihr onclick-Funktion:
```
var when_i_click = function(){
    alert('image clicked!');
}
```
Dies ist, wie Sie deaktivieren Sie Ihre onclicks (Ihre Methode)
```
var eles = document.getElementsByTagName('img');
for (var i=0; i < eles.length; i++)
   eles[i].onclick = null;
```
Dies ist, wie Sie Sie wieder aktivieren (re-attach-Funktion auf onClick )
```
var eles = document.getElementsByTagName('img');
for (var i=0; i < eles.length; i++)
   eles[i].onclick = when_i_click;
```
Dies ist eine Jquery-Lösung jquery:

Versuchen Sie es mit unobstructive javascript, nicht durch das hinzufügen onclick-event-Handler in der DOM.
```
<script>
(function(){
    var function_is_finished = false;
    $('img').on('click',function(event){
        if(function_is_finished) {
            //Do your stuff when someone clicks on Img
        }
    });
})();
</script>
```
Wenn Ihre Funktion beendet ist, setzen Sie einfach function_is_finished zu true
- was, wenn ich möchte einige Parameter werden gesendet, um die Funktion, gibt es eine Möglichkeit, das zu tun...?
- hat das zurücksetzen der onclick-Wert: "eles[i].onclick = when_i_click; " tatsächlich rufen Sie die Funktion, den moment, den Sie es zurücksetzen?
- Nein das tut es nicht.
InformationsquelleAutor Timmetje

One-Lösung ist zum speichern der Vorherige Wert von onclick und wiederherstellen:

var disable_all = function () {
    var eles = document.getElementsByTagName('div');
    for (var i=0; i < eles.length; i++) {
      eles[i].prev_click = eles[i].onclick; //save the previous value
      eles[i].onclick = false;
    }
}

var enable_all = function() {
    var eles = document.getElementsByTagName('div');
    for (var i=0; i < eles.length; i++)
       eles[i].onclick = eles[i].prev_click;  //restore the previous value
    };

InformationsquelleAutor Iftah

1

onclick er suppposed zu sein, verweist auf eine javascript-Funktion.
statt onclick versuchen mit.
```
eles[i].disabled="true"
```
und am Ende der Methode zurück zu eles[i].disabled="false"

InformationsquelleAutor cri_sys
0

durch Einstellung eles[i].onclick = false; Sie die Neuzuweisung der onclick event zu false. Einstellung true zurück, nicht, weisen Sie es zurück zu der ursprünglichen Funktion. Es ist wahrscheinlich besser zu handhaben, die un-Zuweisung im Ereignis-Funktion statt.

InformationsquelleAutor malkassem
0

Du bist im Grunde die Einstellung der Elemente' onclick zu false und true.
es ist das äquivalent von etwas wie
```
<img src=".." onclick="false"/>
```
dann
```
<img src=".." onclick="true"/>
```
Was Sie tun sollten, ist die Aufrechterhaltung einige Variablen, die Sie überprüfen, um zu sehen, wenn Sie können, starten Sie die Funktion oder nicht.
```
locked = false;
function yourFunction() {
    if (locked) {
        locked = true;
        //... Do what you have to do here
        locked = false;
    };
}
```
InformationsquelleAutor sitifensys

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.