j-HashChange

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Komponenten fångar alla ändringar för #hashtag i URL:n. När den ändras, emitterar den händelse hash.

singlar

Konfigurera:

delay {Number} en försening för utfärdande av hash händelse (default: 0)
NEW: middleware {String} ett medium (avskild av comma) för den ursprungliga utgivningen av hash händelsen

Hur kan man fånga hashändringen?

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

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

});

Använd den med <ui-component name="hashchange">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>