[H]Div mit onClick und enthaltenem Link sollen onClick nicht ausführen

~~xmaster©~~ · 08/16/2012, 17:12

Hallo Leute,

Ich hab ein Problem.
Mein Code:

HTML Code:

<div onclick="weiterleitung"><a href="www.">Link</a></div>

Ich möchte, wenn man auf den Link klickt, soll das "onclick" in dem div nicht ausgeführt werden.

LG xmaster

FR28 · 08/16/2012, 18:04

Dann leosche es raus! Auserdem fehlen die klammern onClick="weiterleitung()" daher duerfte sowieso nix passieren....

devcode · 08/16/2012, 18:57

oh man

Fratyr · 08/17/2012, 06:51

Versuch so etwas in der Art.

PHP Code:



var onclickListener = function (e) {
  if (e.target === this.getElementsByTagName('a')[0]) 
  return false;
};

Dein Event wird abgefeuert egal ob man auf den Link klickt oder auf das DIV Element,
e.target ist das Element das tatsächlich angesprochen wurde (in deinem Fall der Link).
Falls this.get[...] nicht klappt kannst du das auch durch e.relatedTarget ersetzen, ist
aber nicht crossbrowserfähig. Auserdem solltest du Events im Script binden und nicht
direkt im HTML, das ist aber mehr so ne Übersichtlichkeitssache.

FR28 · 08/17/2012, 20:17

Code:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="box">
      <a href="#1" >Link</a>
      <a href="#2" >Link</a>
    </div>
  </body>
</html>


<script type="text/javascript">
  
  $('.box').click(function(event){
    $target = $(event.target);
    if($target.is('.box')) {
      alert("box geklickt");
      weiterleitung();
    }
  });
  
  function weiterleitung(){}

</script>