zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Klick auf disabled fieldset erkennen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.03.2022, 17:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.03.2022
Beiträge: 7
html1979 befindet sich auf einem aufstrebenden Ast
Standard 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!');
}
Wichtig wäre mir, dass es Vanilla JS ist, kein Jquery.
Gibts da ne Lösung?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.03.2022, 09:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.218
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
  #3 (permalink)  
Alt 01.04.2022, 09:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.03.2022
Beiträge: 7
html1979 befindet sich auf einem aufstrebenden Ast
Standard

Hi,

sorry für die späte Antwort.
Danke dir. Probier ich am Wochenende mal aus.

Grüße und schönen Tag dir!
Mit Zitat antworten
Antwort

Stichwörter
disabled, fieldset

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Formular mit fieldset gestalten seeadler CSS 31 05.04.2013 20:39
fieldset und der Internet Explorer RFDarter CSS 2 05.11.2010 21:18
disabled Button stylen Camelrider CSS 3 30.06.2009 16:13
fieldset wächst nicht mit bigman007 (X)HTML 1 08.01.2008 16:21
opera u. fieldset?? Holger (HMR) CSS 5 21.12.2004 22:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:29 Uhr.