Einzelnen Beitrag anzeigen
  #2 (permalink)  
Alt 30.03.2022, 08:20
cloned cloned ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.195
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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!');
}
Mit Zitat antworten
Sponsored Links