Die Frage ist, wie kann ich die Verwendung des voll qualifizierten Objektnamen innerhalb eines eingebetteten Ereignishandlers, wie in ClickHandle auftritt, weglassen?"this" als Objekt Mitgliedschaft statt Knoten Referenz auf einem Event-Handler?
Sie möchten die Funktion an die this binden, die Sie verwenden möchten.
document.getElementById('xx').addEventListener('click', this.clickHandle.bind(this));
this in einer Objektfunktion bezieht sich auf die Aufrufer der Funktion, so dass, wenn das Objekt die Funktion aufruft, wie in niceObj.init() würde thisniceObj sein. Der Ereignis-Listener ruft die Funktion mit dem Ereignisziel als this auf.
So binden Sie diese Ereignis-Listener-Funktion stattdessen an das Objekt, das this sein sollte, wenn niceObj der Aufrufer von init war.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind