本文介绍如何利用 JavaScript 捕获鼠标移动事件，通过事件对象定位当前鼠标所在的 DOM 元素。通过监听 onmousemove 或 addEventListener，结合 target 属性，可实时获取鼠标悬停的节点信息，适用于需要动态交互或元素状态检测的场景。
获取鼠标悬停元素的实现原理
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 取得鼠标所在位置的对象 </TITLE> <META NAME="Author" CONTENT="宝玉 [url]http://www.nwpubbs.net[/url]"> </HEAD> <BODY onmousemove="pos()"> <table border="1" cellpadding="" cellspacing="" width="" id="table1"> <tr> <td>table1</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table2"> <tr> <td>table2</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table3"> <tr> <td>table3</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table4"> <tr> <td>table4</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table5"> <tr> <td>table5</td> </tr> </table> <table border="1" cellpadding="" cellspacing="" width="" id="table6"> <tr> <td>table6</td> </tr> </table> 鼠标当前在：<span id="show"></span> </BODY> </HTML>注意：若通过外部脚本引入相关功能，可能需要刷新页面以确保代码正确执行。