j-HashChange

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Die Komponente erfasst alle Änderungen für #hashtag in der URL-Adresse. Bei einer Änderung wird das Ereignis hash ausgegeben. Die Komponente reagiert auf die realen Veränderungen.

Singleton

Konfiguration:

delay {Number} eine Verzögerung für die Ausgabe des hash-Ereignisses (Standard: 0)
NEW: middleware {String} eine Middleware (durch Komma getrennt) für die erste Ausgabe des hash-Ereignisses

Wie erfasst man Hash-Änderungen?

// Global:
ON('hash', function(hash) {
	// @hash {String} - it can be "empty"
});

// Or in the Plugin declaration:
exports.on('hash', function(hash) {

});

Verwenden Sie es mit <ui-component name="hashchange">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<ui-component name="hashchange"></ui-component>

<ui-bind path="currenthash" config="text"></ui-bind>

<script>

	setInterval(() => location.hash = GUID(10), 1000);

	ON('hash', function(hash) {
		SET('currenthash', hash);
	});

</script>