diff --git a/Base/res/html/misc/mouse-events.html b/Base/res/html/misc/mouse-events.html
new file mode 100644
index 00000000000..01210d7cb5f
--- /dev/null
+++ b/Base/res/html/misc/mouse-events.html
@@ -0,0 +1,22 @@
+<style>
+#rect {
+    width: 300px;
+    height: 300px;
+    border: 5px solid black;
+}
+</style>
+<div id=rect></div>
+<pre id=out></pre>
+<script>
+function handle(e) {
+    var out = document.getElementById('out');
+    out.innerHTML = e.type + ' @ ' + e.offsetX + ',' + e.y + '\n' + out.innerHTML;
+}
+
+var rect = document.getElementById('rect');
+rect.onmousedown = handle;
+rect.onmousemove = handle;
+rect.onmouseup = handle;
+rect.onclick = handle;
+rect.ondblclick = handle;
+</script>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index cb581f2e863..2c531a9ee0a 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -135,6 +135,7 @@
 
         <h2>JavaScript/Wasm</h2>
         <ul>
+            <li><a href="mouse-events.html">mouse events</a></li>
             <li><a href="message-channel.html">MessageChannel</a></li>
             <li><a href="websocket.html">WebSocket API Test</a></li>
             <li><a href="cookie.html">document.cookie</a></li>