use pointermove event, for better mobile support

Author: Rich Harris

content/tutorial/01-svelte/05-events/01-dom-events/README.md

@@ -2,11 +2,11 @@
 title: DOM events
 ---
 
-As we've briefly seen already, you can listen to any event on an element with the `on:` directive:
+As we've briefly seen already, you can listen to any DOM event on an element (such as click or [pointermove](https://developer.mozilla.org/en-US/docs/Web/API/Element/pointermove_event)) with the `on:` directive:
 
 ```svelte
 /// file: App.svelte
-<div +++on:mousemove={handleMousemove}+++>
-	The mouse position is {m.x} x {m.y}
+<div +++on:pointermove={handleMove}+++>
+	The pointer is at {m.x} x {m.y}
 </div>
 ```

content/tutorial/01-svelte/05-events/01-dom-events/app-a/src/lib/App.svelte

@@ -1,14 +1,14 @@
 <script>
-	let m = { x: 0, y: 0 };
+	let m = { x: '???', y: '???' };
 
-	function handleMousemove(event) {
+	function handleMove(event) {
 		m.x = event.clientX;
 		m.y = event.clientY;
 	}
 </script>
 
 <div>
-	The mouse position is {m.x} x {m.y}
+	The pointer is at {m.x} x {m.y}
 </div>
 
 <style>

content/tutorial/01-svelte/05-events/01-dom-events/app-b/src/lib/App.svelte

@@ -1,14 +1,14 @@
 <script>
-	let m = { x: 0, y: 0 };
+	let m = { x: '???', y: '???' };
 
-	function handleMousemove(event) {
+	function handleMove(event) {
 		m.x = event.clientX;
 		m.y = event.clientY;
 	}
 </script>
 
-<div on:mousemove={handleMousemove}>
-	The mouse position is {m.x} x {m.y}
+<div on:pointermove={handleMove}>
+	The pointer is at {m.x} x {m.y}
 </div>
 
 <style>