span mit onclick-Ereignis innerhalb eines Tags

Lesezeit: 4 Minuten

Ben

Beispielcode

<a href="https://stackoverflow.com/questions/10412883/page" style="text-decoration:none;display:block;">
    <span onclick="hide()">Hide me</span>
</a>

Seit der a Tag ist über der Spanne ist nicht möglich, es anzuklicken. ich versuche z-index aber das hat nicht funktioniert

Dies ist nur ein einfacher Beispielcode 😀 Es gibt noch etwas anderes im a-Tag. Ich will das Lochding verstecken

– Ben

2. Mai 2012 um 11:38 Uhr
Sie möchten also die Spanne ausblenden, wenn Sie auf den Hyperlink klicken. Habe ich recht?

– duncanportelli

2. Mai 2012 um 11:38 Uhr
noo die Hide-Funktion verbirgt das Loch ein Tag. Es gibt eine Schleife, die 10 anzeigt. Und ich benutze .closest().fadeOut(); aber ich kann wegen des a-Tags nicht auf das span-Tag klicken

– Ben

2. Mai 2012 um 11:41 Uhr
Geben Sie eine Animation für Ihre Antwort

– Srini

2. Mai 2012 um 14:50 Uhr
Ich liebe dich Alter, das ist eine tolle Frage.

– AmerllicA

12. November 2017 um 14:21 Uhr

Markieren

<a href="http://the.url.com/page.html">
    <span onclick="hide(); return false">Hide me</span>
</a>

Dies ist die einfachste Lösung.

Funktioniert super. Es ist nicht erforderlich, den Stil für ein Tag festzulegen

– Ondra

1. Februar 2014 um 10:29 Uhr
Irgendeine Idee funktioniert das nicht, wenn die Funktion, die von der ausgelöst wird onclick ist innen definiert window.onload?

– John R. Perry

2. Februar 2017 um 1:47 Uhr
Schöne Lösung, auch das muss nicht sein event.stopPropagation();

– AmerllicA

12. November 2017 um 14:22 Uhr
funktioniert bei mir auch gut! Könnte mir jemand erklären, warum diese Lösung tatsächlich funktioniert?

– Ilias Mertzanidis

4. Januar 2021 um 16:14 Uhr

Nauphal

Beim Anklicken hide mebeide a und Spanne Klicks werden ausgelöst. Da die Seite auf eine andere umleitet, können Sie die Funktionsweise nicht sehen hide()

Sie können dies zur weiteren Verdeutlichung sehen

http://jsfiddle.net/jzn82/

Finden Sie die Antwort.

Ich habe einige Stile verwendet, um dies zu erreichen.

<span 
   class="pseudolink" 
   onclick="location='https://jsfiddle.net/'">
Go TO URL
</span>

.pseudolink { 
   color:blue; 
   text-decoration:underline; 
   cursor:pointer; 
   }

https://jsfiddle.net/mafais/bys46d5w/

Srini

verwenden onmouseup

versuchen Sie so etwas

        <html>
        <head>
        <script type="text/javascript">
        function hide(){
        document.getElementById('span_hide').style.display="none";
        }
        </script>
        </head>

        <body>
        <a href="https://stackoverflow.com/questions/10412883/page" style="text-decoration:none;display:block;">
        <span   onmouseup="hide()" id="span_hide">Hide me</span>
        </a>
        </body>
        </html>

BEARBEITEN:

          <html>
        <head>
        <script type="text/javascript">
        $(document).ready(function(){
         $("a").click(function () { 
         $(this).fadeTo("fast", .5).removeAttr("href"); 
        });
        });
        function hide(){
        document.getElementById('span_hide').style.display="none";
        }
        </script>
        </head>

        <body>
        <a href="https://stackoverflow.com/questions/10412883/page.html" style="text-decoration:none;display:block;" onclick="return false" >
        <span   onmouseup="hide()" id="span_hide">Hide me</span>
        </a>
        </body>
        </html>

Sie müssen kein Tag verwenden, um darauf zu klicken. onclick Veranstaltung tun dies bereits. Geben Sie einfach ein id zu Ihrer Spanne und verstecken Sie es mit Javascript wie diesem.

<span id="should_hide" onclick="hide()">Hide me</span>


<script>
function hide(){
document.getElementById("should_hide").style.display = 'none';
}
</script>

Jordanien

Ich würde jQuery verwenden, um die Ergebnisse zu erhalten, die Sie suchen. Sie müssten an dieser Stelle kein Anker-Tag verwenden, aber wenn Sie es tun würden, würde es so aussehen:

<a href="https://stackoverflow.com/questions/10412883/page" style="text-decoration:none;display:block;">

<span onclick="hide()">Hide me</span>

</a>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js" /
<script type="text/javascript">
$(document).ready(function(){
     $('span').click(function(){
           $(this).hide();
     }
}

duncanportelli

Sie könnten jQuery verwenden

http://jsfiddle.net/Bdqv7/

Wenn ich Ihren Code bearbeite und einen Pfad in die Href einfüge, wenn der Span auf klicken ist, erhalte ich {“Fehler”: “Bitte POST-Anforderung verwenden”}

– Ben

2. Mai 2012 um 13:16 Uhr
dann entschuldige ich verstehe deine Frage nicht

– duncanportelli

2. Mai 2012 um 13:24 Uhr
Was wollen Sie eigentlich, wenn Sie auf den Hyperlink klicken? Ich leite Sie zu Google weiter. Alles, was Sie tun müssen, ist ihn auf eine Seite Ihrer Wahl umzuleiten

– duncanportelli

2. Mai 2012 um 13:25 Uhr
Nein, schau, es gibt ein div, das sich in einem Tag befindet. Wenn der Benutzer auf das div klickt, wird er auf die Seite der PM umgeleitet, aber in diesem div gibt es ein span-Tag und wenn es klickt, wird die Nachricht gelöscht. Aber da sie alle innerhalb des a-Tags sind, funktioniert es nicht. .

– Ben

2. Mai 2012 um 13:28 Uhr

12065300cookie-checkspan mit onclick-Ereignis innerhalb eines Tags

#CSS #html