Ergebnis 1 bis 2 von 2
  1. #1
    ktver ist offline Jungspund
    registriert
    20-05-2016
    Beiträge
    12

    Zugriff auf andere Methode über EventListener

    Hallo,

    ich habe eine Frage. Ja klar, warum bin ich auch hier


    Code:
    document.addEventListener('DOMContentLoaded', function () {
    	
    	class TestClass {
    		constructor() {
    			this.button = document.createElement('button');
    		}
    		
    		methode1() {
    			console.log('Hello World');
    		}
    		
    		methode2() {
    			this.button.addEventListener('click', function() {
    				this.methode1();
    			});
    		}
    		
    		getButton() {
    			return this.button;
    		}
    	}
    	let tClass = new TestClass();
    	tClass.methode2();
    	let body = document.getElementsByTagName('body');
    	body[0].appendChild(tClass.getButton());
    	
    });

    Ich versuche mich gerade in die OOP mit JavaScript reinzudenken.
    Ich möchte verschiedene Buttons mit unterschiedlichen Funktionen instanzieren. Wie bekomme ich es hin, dass ich durch den EventListener auf die Methode1 zugreifen kann. Ist das überhaupt ein denkbarer Weg?
    Das ist erst einmal nur eine Testklasse zum ausprobieren.

    Danke für eure Rückmeldungen.

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.953

    AW: Zugriff auf andere Methode über EventListener

    Zitat Zitat von ktver Beitrag anzeigen
    ich habe eine Frage. Ja klar, warum bin ich auch hier
    Grüß dich!

    Zitat Zitat von ktver Beitrag anzeigen
    Ich möchte verschiedene Buttons mit unterschiedlichen Funktionen instanzieren.
    Das mache ich beispielsweise für den onclick Event mittels document.xxselectorxx.onclick = function() {...}

    Zitat Zitat von ktver Beitrag anzeigen
    Wie bekomme ich es hin, dass ich durch den EventListener auf die Methode1 zugreifen kann.
    Was meint "zugreifen"?
    Der Eventlistener ist selbständig und feuert beim definierten Event. Im o. a. Beispiel feuert es beim Click auf das Node document.xxselectorxx
    Ich finde diese Seite dafür hilfreich: https://www.mediaevent.de/javascript/events.html
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

Ähnliche Themen

  1. [FRAGE] Zugriff auf Globale Variable durch Eventlistener
    Von sascha83 im Forum JavaScript
    Antworten: 22
    Letzter Beitrag: 27-05-2015, 11:56
  2. Zugriff von einem Fenster aus ins andere
    Von Arek Paluszek im Forum JavaScript
    Antworten: 12
    Letzter Beitrag: 30-01-2013, 12:56
  3. Warum kein Zugriff auf statische Methode
    Von rezeptor im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 24-06-2009, 01:34
  4. Antworten: 8
    Letzter Beitrag: 07-10-2007, 04:38
  5. css preload oder andere methode...
    Von know im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 21-01-2005, 01:52

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •