svelte/packages/svelte/tests/runtime-runes/samples/event-attribute-delegation-3/main.svelte

<script>
	import { log } from './log.js';
	const action = () => {}
</script>
<div use:action onclick={() => log.push('clicked container')} onkeydown={() => {}}>
	<div use:action onclick={(e) => { log.push('clicked div 1') }}>
		<div onclick={(e) => { log.push('clicked div 2') }}>
			<button onclick={(e) => { log.push('clicked button'); e.stopPropagation() }}>
				Button
			</button>
		</div>
	</div>
</div>