From e2650587689f9db5f5c9c7d078b7a1a520d988ac Mon Sep 17 00:00:00 2001
From: Andreas Kling <kling@serenityos.org>
Date: Wed, 18 Mar 2020 15:28:22 +0100
Subject: [PATCH] LibWeb: Fire "mousedown" and "mousemove" events in the DOM
 :^)

---
 Base/home/anon/www/events.html  | 25 +++++++++++++++++++++++++
 Base/home/anon/www/welcome.html |  7 +------
 Libraries/LibWeb/HtmlView.cpp   |  2 ++
 3 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 Base/home/anon/www/events.html
diff --git a/Base/home/anon/www/events.html b/Base/home/anon/www/events.html
new file mode 100644
index 0000000000..42f6ed948b
--- /dev/null
+++ b/Base/home/anon/www/events.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+    <head>
+    <script>
+        function foo() {
+            alert("It loaded!");
+        }
+        document.addEventListener("DOMContentLoaded", foo);
+
+        function on_mousedown() {
+            alert("Mouse down!");
+        }
+
+        function on_mousemove() {
+            alert("Mouse move!");
+        }
+
+        document.getElementById("my_div").addEventListener("mousedown", on_mousedown);
+        document.getElementById("my_div").addEventListener("mousemove", on_mousemove);
+    </script>
+    </head>
+    <body>
+        <div id="my_div">Hello there!</div>
+    </body>
+</html>
diff --git a/Base/home/anon/www/welcome.html b/Base/home/anon/www/welcome.html
index b76f32aac4..f611edb944 100644
--- a/Base/home/anon/www/welcome.html
+++ b/Base/home/anon/www/welcome.html
@@ -17,18 +17,13 @@ h1 {
     color: #a00;
 }
 </style>
-    <script>
-        function foo() {
-            alert("It loaded!");
-        }
-        document.addEventListener("DOMContentLoaded", foo);
-    </script>
 </head>
 <body link="#44f" vlink="#c4c" background="90s-bg.png">
     <h1>Welcome to the Serenity Browser!</h1>
     <p>This is a very simple browser built on the LibWeb engine.</p>
     <p>Some small test pages:</p>
     <ul>
+        <li><a href="events.html">simple DOM events test</a></li>
         <li><a href="dom.html">simple DOM JS test</a></li>
         <li><a href="alert.html">alert() test</a></li>
         <li><a href="small.html">small</a></li>
diff --git a/Libraries/LibWeb/HtmlView.cpp b/Libraries/LibWeb/HtmlView.cpp
index 9b1ca65ee4..cdb608e66d 100644
--- a/Libraries/LibWeb/HtmlView.cpp
+++ b/Libraries/LibWeb/HtmlView.cpp
@@ -184,6 +184,7 @@ void HtmlView::mousemove_event(GUI::MouseEvent& event)
 #endif
                 is_hovering_link = true;
             }
+            const_cast<Node*>(node)->dispatch_event("mousemove");
         }
         if (m_in_mouse_selection) {
             layout_root()->selection().set_end({ result.layout_node, result.index_in_node });
@@ -234,6 +235,7 @@ void HtmlView::mousedown_event(GUI::MouseEvent& event)
                     m_in_mouse_selection = true;
                 }
             }
+            const_cast<Node*>(node)->dispatch_event("mousedown");
         }
     }
     if (hovered_node_changed)
