```js
// @noErrors
import { createAttachmentKey } from 'svelte/attachments';
```

## createAttachmentKey

<blockquote class="since note">

Disponible de puis la version 5.29

</blockquote>

Crée une clé d'objet qui sera reconnue comme attachement lorsque l'objet sera étalé sur un élément.
Ceci est une alternative programmatique à l'usage de `{@attach ...}`, et peut être utile aux auteurs
et autrices de librairies. En revanche, `createAttachmentKey` ne devrait généralement pas être
nécessaire si vous développez une application.


```svelte
<script>
	import { createAttachmentKey } from 'svelte/attachments';

	const props = {
		class: 'cool',
		onclick: () => alert('cliqué'),
		[createAttachmentKey()]: (node) => {
			node.textContent = 'attaché !';
		}
	};
</script>

<button {...props}>cliquez-moi</button>
```

<div class="ts-block">

```dts
function createAttachmentKey(): symbol;
```

</div>



## Attachment

Un [attachement](/docs/svelte/@attach) est une fonction qui est exécutée lorsqu'un élément est monté
dans le DOM, et renvoie de manière optionnellement une fonction qui sera appelée lorsque l'élément
sera supprimé du DOM.

Un attachement peut être attaché à un élément avec `{@attach ...}`, ou en étalant un objet contenant
une propriété créée avec
[`createAttachmentKey`](/docs/svelte/svelte-attachments#createAttachmentKey).

<div class="ts-block">

```dts
interface Attachment<T extends EventTarget = Element> {/*…*/}
```

<div class="ts-block-property">

```dts
(element: T): void | (() => void);
```

<div class="ts-block-property-details"></div>
</div></div>