nicht angemeldet
Hi!
Ich habe ein Problem mit einem Label-Tag, das mehr als ein Eingabefeld enthält, und zwar in etwa in folgendem Code:
<html>
<head>
<title></title>
</head>
<body>
<label>
<span>Text</span>
<textarea>1</textarea>
<textarea id="test">2</textarea>
<script type="text/javascript">
var el = document.getElementById('test');
el.addEventListener('click', function (e) {
e.stopPropagation();
}, false);
</scrip>
</label>
</body>
</html>
Wenn man jetzt in die zweite Textarea klickt, sollte diese den Fokus erhalten und Texteingaben entgegennehmen. Leider wird aber scheinbar der Klick in die Textarea gebubblet und löst das Standard-Event für einen Klick auf das Label aus, d.h. der Fokus springt sofort zur ersten Textarea.
Das Ganze liesse sich natürlich leicht beheben, indem man das Label-Tag einfach weglässt, aber leider habe ich auf die HTML-Struktur keinen Einfluss. Das Skript, das ich zu schreiben versuche, wird in ein bestehendes System integriert, das die HTML-Struktur komplett vorgibt. D.h. ich müsste das irgendwie in Javascript lösen. Dazu hatte ich versucht, mit stopPropagation() das Bubbling zu stoppen, aber das hat leider keine Auswirkungen. Hat jemand eine Idee, was ich falsch mache?