[Svelte] 스벨트 5장 Events

DOM 이벤트 # "on:" 지시문을 사용하여 요소의 모든 이벤트를 수신할 수 있습니다. <div on:mousemove={handleMousemove}> The mouse position is {m.x} x {m.y} </div> <script> let m = { x: 0, y: 0 }; function handleMousemove(event) { m.x = event.clientX; m.y = event.clientY; } </script> <div on:mousemove={handleMousemove}> The mouse position is {m.x} x {m.y} </div> <style> div { width: 100%; height: 100%; } </style> 인라인 이벤트 # 이벤트 핸들러를 인라인으로 선언할 수도 있습니다. <div on:mousemove="{e => m = { x: e.clientX, y: e.clientY }}"> The mouse positi...

원문링크 : [Svelte] 스벨트 5장 Events