App.svelte
xxxxxxxxxx
16
1
<script>
2
let m = { x: 0, y: 0 };
3
4
function handleMousemove(event) {
5
m.x = event.clientX;
6
m.y = event.clientY;
7
}
8
</script>
9
10
<style>
11
div { width: 100%; height: 100%; }
12
</style>
13
14
<div>
15
The mouse position is {m.x} x {m.y}
16
</div>
Console
xxxxxxxxxx
71
1
/* App.svelte generated by Svelte v3.23.2 */
2
import {
3
SvelteComponent,
4
append,
5
attr,
6
detach,
7
element,
8
init,
9
insert,
10
noop,
11
safe_not_equal,
12
set_data,
13
text
14
} from "svelte/internal";
15
16
function create_fragment(ctx) {
Compiler options
result = svelte.compile(source, {
generate:
});xxxxxxxxxx
1
1
div.svelte-1eka6t0{width:100%;height:100%}