Skip to main content

イベントフォワーディングは DOM イベントでも機能します。

<BigRedButton> でのクリックの通知を受け取るためには、BigRedButton.svelte にある <button> 要素の click イベントをフォワードする必要があります。

BigRedButton.svelte
<button on:click>
	Push
</button>

Next: Bindings

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
	import BigRedButton from './BigRedButton.svelte';
	import horn from './horn.mp3';
 
	const audio = new Audio();
	audio.src = horn;
 
	function handleClick() {
		audio.load();
		audio.play();
	}
</script>
 
<BigRedButton on:click={handleClick} />
initialising