Как подписаться на событие в fullpage.js вне класса?

Question

[kryamk]

Внутри класса работает, а снаружи нет.

Comments

[Konfy]

А с чего бы ему там вообще работать если даже в документации метода "on" и близко нет?

Answer 1

[Konfy]

Кажется, эта библиотека так не может, и все обработчики надо навешивать во время создания экземпляра класса. Но никто не мешает сделать свою обёртку: при создании экземпляра "fullpage" пропускать события через свой EventEmitter:

onLeave:   () => customEmitter.emit('onLeave', ...arguments),
afterLoad: () => customEmitter.emit('afterLoad', ...arguments),
...

customEmitter.on('event', doWhatever);

Answer 2

[kryamk]

1 вариант:

const Emitter = require("events");
let emitter = new Emitter();
emitter.on("afterLoad", function(...data){
	console.log(data);
});


afterLoad: function(origin, destination, direction) {
	emitter.emit("afterLoad", origin, destination, direction);
},

2 вариант

afterLoad: function(origin, destination, direction) {
	document.dispatchEvent(new CustomEvent("afterLoad", {
		detail: { origin, destination, direction }
	}));

},

document.addEventListener('afterLoad', function(e) {
	alert(e.detail.destination.index);
})