29.03.2022, 16:18
|
|||
|
|||
Klick auf disabled fieldset erkennen
Hi zusammen,
ist es eigentlich möglich, auf ein fieldset mit dem Attribut disabled trotzdem zu erkennen, wenn dieses angeklickt wird? Das hier hab ich probiert: Code:
<fieldset class="meinfieldset" disabled>
<button>Test</button>
<input type="text" value="test">
</fieldset>
var el = document.querySelector('.meinfieldset');
el.onclick = function() {
console.log('clicked!');
}
Gibts da ne Lösung? 
|
| Sponsored Links |
|
30.03.2022, 08:20
|
|||
|
|||
|
disabled elemente bekommen keine click events vom browser. Man kann das aber mit folgender Methode umgehen:
Erstens, man setzt pointer-events: none auf das disabled feld. Damit werden die Klicks von umschließenden Elementen aufgefangen. Zweitens muss man das Element in einem div wrappen und den event-handler auf das Element setzen. Ich habe das ganze nicht in einem mobilen Browser probiert, ob das auch mit "klick per finger" funktioniert. Code:
<div class="meinfieldset">
<fieldset disabled>
<button>Test</button>
<input type="text" value="test">
</fieldset>
</div>
fieldset {pointer-events: none;}
var el = document.querySelector('.meinfieldset');
el.onclick = function() {
console.log('clicked!');
}
|
| Sponsored Links |
 |
| Stichwörter |
| disabled, fieldset |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Formular mit fieldset gestalten | seeadler | CSS | 31 | 05.04.2013 19:39 |
| fieldset und der Internet Explorer | RFDarter | CSS | 2 | 05.11.2010 20:18 |
| disabled Button stylen | Camelrider | CSS | 3 | 30.06.2009 15:13 |
| fieldset wächst nicht mit | bigman007 | (X)HTML | 1 | 08.01.2008 15:21 |
| opera u. fieldset?? | Holger (HMR) | CSS | 5 | 21.12.2004 21:18 |
Linear-Darstellung
