瀏覽器如何知道我的鼠標 cursor 指向的是哪個元素？

Question

我正在閱讀一些關於 dom 事件傳播的帖子，我明白了。 但是我真的很好奇瀏覽器如何知道單擊了哪個文檔元素（或 cursor 結束了）。

我假設操作系統提供了一些特殊的接口，瀏覽器可以通過這些接口獲取鼠標指針的坐標。 如果是這樣，瀏覽器可以只計算鼠標指針下的哪個文檔元素，對嗎？ 為什么需要瀏覽器實現事件傳播？ 是否只是為了知道后代元素上發生的交互，然后可以通知祖先？

我將不勝感激任何支持的參考或評論。

Answer 1

瀏覽器如何知道我的鼠標 cursor 指向的是哪個元素？

同樣的方式 Word 等。 人。 知道 cursor 在您的文檔中的位置。

我假設操作系統提供了一些特殊的接口，瀏覽器可以通過這些接口獲取鼠標指針的坐標。

這不是“特殊的”，但是是的，操作系統會通知應用程序鼠標在哪里。

如果是這樣，瀏覽器可以只計算鼠標指針下的哪個文檔元素，對嗎？

是的。 這就是它的作用。

為什么需要瀏覽器實現事件傳播？

除了DOM 規范和DOM UI 事件規范中定義的內容之外，它沒有其他必要，因為傳播真的很有用。 您可以從 DOM UI 事件規范的這一部分了解更多信息，其中有一個可愛的圖表，它極大地幫助了我多年前對這個過程的理解：

Answer 2

當你點擊 DOM 元素時，你想要控制檢查圖片，你不要只點擊按鈕，你按下了所有東西（也在下面）

你按下一個按鈕，按鈕按下一個DIV，div按下一個window......使用傳播，你可以輕松控制它