j-HashChange

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Le composant capture toutes les modifications apportées à #hashtag dans l'adresse URL. Lors d'un changement, il émet l'événement hash. Le composant réagit aux changements réels.

singleton

Configuration :

delay {Number} un délai d'émission de l'événement hash (par défaut : 0)
NEW : middleware {String} un middleware (séparé par la virgule) pour l'émission initiale de l'événement hash

Comment capturer le changement de hachage ?

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

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

});

Utilisez-le avec <ui-component name="hashchange">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence MIT.

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>