# j-HashChange

> El componente captura todos los cambios de #hashtag en la dirección URL. Cuando cambia, emite hash de evento. El componente reacciona a los cambios reales.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: 45f28359fd69fd790ee716389dd878d675822816c20d48205854cb6362f997de
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

El componente captura todos los cambios de `#hashtag` en la dirección URL. Cuando cambia, emite el evento `hash`. El componente reacciona a los cambios reales.

- singleton

__Configuración__:

- `delay {Number}` un retraso para emitir el evento `hash` (predeterminado: `0`)
- __NUEVO__: `middleware {String}` un middleware (separado por coma) para la emisión inicial del evento `hash`

__¿Cómo capturar el cambio de hash?__

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

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

});
```

Úselo con `<ui-component name="hashchange">`. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en `DEF.fallback` (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

```html 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>
```