<label><label/> - tag in <A><A/> - tag mit javascript-Funktion auf der href nicht ausgeführt

Ich habe eine <label><label/> tag in <A><A/> tag, die <A> tag hat eine href , ruft eine JavaScript-Funktion.

Das JavaScript schlägt fehl, rufen Sie bei der Ausführung unter IE, aber funktioniert ein Leckerbissen auf alle anderen brauche ich es auch.

Ich weiß, das ist wahrscheinlich nicht normal, aber ich bin auf der Suche nach einem speech reader, quick-fix, um einen wirklich alten Projekt, so können nicht in das warum und warum nicht. 🙂

Habe ich durchsucht und finde keinen Hinweis darauf, warum dies nicht funktioniert, hier mein test-code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Label and Links Test For Speech Readers</title>
</head>

<script language="javascript" type="text/javascript">
    function onHello()
    {
        alert("hello");
    }    
</script>

<body>
    <p><b>Label and Links Test For Speech Readers</b></p>
    <p>This is a test a patch to an historic application, Tested with Chrome, Firefox, IE & BlackBerry OS-6(similator)</p>
    <p>
        # TEST 1<br />
        <a href="javascript:onHello();">Hello1</a>
        <br />Current basic link style, that doesn't work with speech readers
    </p>
    <p>
        # TEST 2<br />
        <a href="javascript:onHello();"><label style="cursor:pointer">Hello2</label></a>
        <br />Easy fix, but this does not work for IE
    </p>
    <p>
        # TEST 3<br />
        <label onclick="javascript:onHello();" style="color: #0000ff; text-decoration: underline; cursor: pointer;">Hello3</label>
        <br />More work to fix, but compatible with all noted broswers
    </p>
</body>
</html>

InformationsquelleAutor DIGGIDY | 2012-11-30

3

Nicht und legen Sie Javascript in den href, das ist deaktiviert in einigen Browsern und unter bestimmten Umständen aus Gründen der Sicherheit.

Verwenden Sie die onclick - Ereignis code ausführen:
```
<a href="#" onclick="onHello();return false;"><label style="cursor:pointer">Hello2</label></a>
```
Können Sie ein Beispiel geben, wenn javascript deaktiviert ist im href-aus Gründen der Sicherheit?
Ich weiß nicht, ob es jemals standardmäßig deaktiviert (zur Sicherheit oder aus anderen Gründen), aber ich weiß, "javascript:" ist kein richtiges Protokoll, so, imho, sollte sich nie auf die href-Eigenschaft.
Das war der Eindruck, den ich bekam, ich weiß IE haben weit mehr strenge in es-syntax. Arbeitet ein Genuss!
lassen Sie sich die href tag, wenn Sie nicht möchten, dass die website zu hüpfen jedes mal, wenn der onclick ausgeführt wird

InformationsquelleAutor Guffa
3

Ich denke, es ist ein reines syntax-Problem.
Label verwendet werden soll, mit der form und können angeklickt werden, die von Benutzern für die Interaktion mit form-Eingänge.

Verstehe ich, Sie sagte nicht "warum" und "warum nicht", aber verwenden Sie einen Aufkleber auf der Innenseite ein link ist definitiv keine gute Idee ... das ist nicht nur ein tag innerhalb eines Tags, da label-tag soll angeklickt werden, Sie haben also 2 tags, welcher angeklickt werden kann. IE scheint mehr Bedeutung zu geben label in deinem Beispiel, also es läuft nicht mit dem code in dem link.

Ich sehe, was du meinst, machen nun Sinn.

InformationsquelleAutor Aurélien Grimpard
2

Sollten Sie ausführen, javascript über das onClick-Ereignis, nicht legen Sie es auf das href - (verwenden Sie ein # oder etwas als "href").

Auch, wenn Sie verhindern möchten, dass der link aus verfolgt vergessen Sie nicht, return false; (oder event.preventDefault()). E. g.
```
       <a href="#" onClick="onHello(); return false;">Hello1</a>
```
Guten Ruf, dass kann den trick tun

InformationsquelleAutor Rodrigo Neves
1

Warum nicht überspringen Sie die ein-tag-an alle, binden Sie das javascript-snippet, das auf dem Etikett?
```
<label style="cursor:pointer" onclick="onHello();">Hello2</label>
```
Ich habe um die 200+ - Dateien zu ändern, ich möchte versuchen, ein Skript für die automatisierte Lösung für die überwiegende Mehrheit, und dann deal mit dem edge-Fällen. Für dieses Projekt ist es einfach nicht Wert, dass man Zeit in eine end-of-life-Projekt. Aber ich Stimme mit dir zu tun, das ist die Lösung ich würde gewählt haben, sonst.

InformationsquelleAutor andlrc
1

Stattdessen href Einsatz in der onclick -
```
<a href='#' onclick="onHello(); return false;">Hello1</a>
```
Sie brauchen nicht das "javascript:" in die onclick-Attribut wie onclick ist ein Ereignis automatisch erfasst von javascript. Sie müssen auch hinzufügen return false; zu Ende. Andernfalls wird die Seite neu laden, weil das ist ein Anker-tag. <a href='#' onclick="onHello(); return false;">Hello1</a>
danke buddy..
Kein problem, Mann. Viel Glück und happy coding!

InformationsquelleAutor Dineshkani

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.