需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。
2、在index.html中的<script>标签，输入js代码：
var el = window.document.body
window.document.body.onmouseover = function(event) {
el = event.target
$('body').append('<br/>当前鼠标在' + $(el).html() + '元素上')
}
3、浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。
判断光标是否在某元素上可以在window监听onmouseenter（onmouseleave）或者onmouseover（onmouseout）给某变量赋值1（赋值0），那么变量为1则在元素上（0则不在元素上）window.onmouseover = function () { isOn = 1}
window.onmouseout = function () { isOn = 0}
window中mouse相关事件补充：
onmousedown鼠标按钮被按下 (和onmouseup组成了单击事件)；
onmouseenter当鼠标指针移动到元素上时触发 (只在进入后触发一次，不支持冒泡，子元素不触发)
onmouseleave 当鼠标指针移出元素时触发 (只在离开后触发一次，支持冒泡，子元素也可以触发)；
onmousemove鼠标被移动 (在元素内移动会一直触发)；
onmouseover鼠标移到某元素之上 (只在进入后触发一次，支持冒泡，子元素也可以触发)
onmouseout鼠标从某元素移开 (只在离开后触发一次，支持冒泡，子元素也可以触发)；
onmouseup鼠标按键被松开
