JavaScript和CSS鼠标位置

获取鼠标位置是编写拖放操作和上下文菜单的基础. 这些功能需要JavaScript和CSS的配合才能实现.

1. 获取鼠标光标相对于整个页面的x和y位置. 由于只能从鼠标事件中获取鼠标坐标，因此需要鼠标事件作为参数.

// 鼠标光标的水平位置
function getX(e) {
    // 标准化事件对象
    e = e || window.event;
    // 返回针对非IE浏览器的位置，然后是IE浏览器的位置，最后是0
    return e.pageX || e.clientX + document.body.scrollLeft || 0;
}
// 鼠标光标的水平位置
function getY(e) {
    // 标准化事件对象
    e = e || window.event;
    // 返回针对非IE浏览器的位置，然后是IE浏览器的位置，最后是0
    return e.pageY || e.clientY + document.body.scrollTop || 0;
}

2. 获取鼠标光标相对于当前元素的x和y位置.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-302392-1.html