Ergebnis 1 bis 6 von 6
  1. #1
    Poehli ist offline Doppel-As
    registriert
    18-04-2009
    Beiträge
    111

    Question Mouseevent nur für "oberstes" Element

    Hi,
    Ich habe mehere Elemente per Z-Index übereinander liegen. Wenn ich nun auf das oberste Element klicke, erhalten auch die darunterliegenden Elemente den Klick, wie kann ich das beheben? Ich verwende JQuery mit click, dblclick, mousedown, mouseup, mousemove.
    Der Code lässt bei einem mousedown (rechtsklick) ein Menü erscheinen (per slidedown) und soll für die neuen Elemente ein anderes Menü runterziehen. er zieht aber beide.
    die Frage nun:
    Gibt es eine Möglichkeit nur das, mit z-index, höchstgelegenste Element auszuwählen und wenn ja welche?

  2. #2
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: Mouseevent nur für "oberstes" Element

    Schaust du hier - Absatz 4 bis 5 sollten alle Fragen beseitigen.
    Hoffe ich konnte helfen

  3. #3
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: Mouseevent nur für "oberstes" Element

    jQuery API -> event.stopPropagation()

  4. #4
    Poehli ist offline Doppel-As
    registriert
    18-04-2009
    Beiträge
    111

    Thumbs up AW: Mouseevent nur für "oberstes" Element

    Super genau danach hab ich gesucht
    Ich wusste nicht, dass die Events bubbeling verwenden, aber wenn man drüber nachdenkt macht das natürlich Sinn
    Vielen dank, das werde ich gleich versuchen umzusetzen

  5. #5
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: Mouseevent nur für "oberstes" Element

    Hab hier noch ein komplettes Beispiel für event.stopPropagation() gefunden. Bestimmte Elemente (.no) sollen nicht auf einen Click reagieren, der Rest ja.
    PHP-Code:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    title>jquery event bubbling</title>
    <
    style>
    div width60pxheight60pxfloatleftbackground-color#3f3;}
    .no background-color#ccc; }
    </style>
    <
    script src="http://code.jquery.com/jquery-1.5.js"></script>
    </head>
    <body>
    <div>div1</div>
    <div class="no">no</div>
    <p><div>div2</div>
    <div class="no">no</div>

    <script>
    $(document).ready(function () {
        $( ".no" ).click( function( ev ){
            ev.stopPropagation();
        });
        $("body").click(function(){alert("body-click");});
        }
    );
    </script>
    </body>
    </html> 
    LG jspit

  6. #6
    Poehli ist offline Doppel-As
    registriert
    18-04-2009
    Beiträge
    111

    AW: Mouseevent nur für "oberstes" Element

    Das funktioniert wunderbar
    Genauso hatte ich mir das gedacht!

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 20-09-2011, 14:01
  2. Antworten: 1
    Letzter Beitrag: 01-03-2009, 21:13
  3. Antworten: 0
    Letzter Beitrag: 02-09-2008, 21:21
  4. Antworten: 6
    Letzter Beitrag: 11-02-2008, 19:32
  5. Antworten: 6
    Letzter Beitrag: 22-05-2003, 12:20

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •