Svelte基础
Svelte高阶
上下文API
特殊元素
接下来
SvelteKit基础
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion
支持了window当然也不能忘了document不是,毕竟有些事件还非得在document上触发, 比如: selectionchange .
来使用<svelte:document>给document对象添加上onselectionchange事件处理函数:    
The
<svelte:document>element allows you to listen for events that fire ondocument. This is useful with events likeselectionchange, which doesn’t fire onwindow. Add theonselectionchangehandler to the<svelte:document>tag:
App
<svelte:document {onselectionchange} />偷偷告诉尽量避免在document元素上使用mouseenter和mouseleave哦,因为有些浏览器不支持,可以用在<svelte:body>上. 这都是技巧  
Avoid
mouseenterandmouseleavehandlers on this element, as these events are not fired ondocumentin all browsers. Use<svelte:body>instead.
previous next
 1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
	let selection = $state('');	const onselectionchange = (e) => {selection = document.getSelection().toString();
};
</script>
<svelte:document />
<h1>Select this text to fire events</h1>
<p>Selection: {selection}</p>