How to Properly Bind Event Listeners to Core HTML Elements in Svelte
Ferenc Almasi • 2020 October 02 •
1 min read
There are three special components in Svelte that lets you bind event listeners to core HTML elements. These are:
svelte:windowsvelte:bodysvelte:head
Copied to clipboard!
<!-- svelte:window allows you to bind event listeners to the window object -->
<svelte:window on:scroll={onScroll} />
<!-- svelte:body allows you to bind event listeners to the body -->
<svelte:body on:contextmenu={openContextMenu} />
<!-- svelte:head allows you to insert elements into the head of your document -->
<svelte:head>
<meta property="og:title" content="Weekly Webtips" />
<meta property="og:type" content="website" />
<meta property="og:url" content="webtips.dev" />
</svelte:head>
Resources:
📚 More Webtips
Rocket Launch Your Career
Speed up your learning progress with our mentorship program. Join as a mentee to unlock the full potential of Webtips and get a personalized learning experience by experts to master the following frontend technologies:
2020 October 09 • 