[Svelte] 스벨트 12장 Actions

외부 요소 클릭시 이벤트 # 이 앱에서는 사용자가 외부를 클릭할 때 모달이 닫히도록 하려고 합니다. outclick 이벤트에 대한 이벤트 핸들러가 있지만 기본 DOM 이벤트가 아닙니다. 즉, 모달창이 있고 이외 "DOM", "엘리먼트"들을 클릭하면 모달이 닫히는 액션 입니다. # App.svelte <script> import { clickOutside } from "./click_outside.js"; let showModal = true; </script> <button on:click={() => (showModal = true)}>Show Modal</button> {#if showModal} <div class="box" use:clickOutside on:outclick={() => (showModal = false)}> Click outside me! </div> {/if} <style> .box { --width: 100px; --height: 100px; positi...

원문링크 : [Svelte] 스벨트 12장 Actions