Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript检测screenX与screenY屏幕坐标位置

javascript检测screenX与screenY屏幕坐标位置

发布时间:2015-01-29   编辑:www.jquerycn.cn
本文介绍下,javascript检测screenX与screenY屏幕坐标位置的方法,有需要的朋友参考下吧。

在鼠标事件发生时,会有相对于浏览器窗口的位置,另外还有一个相对于整个电脑屏幕的位置。
通过screenX和screenY属性,可以确定鼠标事件发生时鼠标指针相对于整个屏幕的坐标信息。

例子,取得鼠标事件的屏幕坐标:

var EventUtil = {
    getEvent: function (event) {
        return event ? event : window.event;
    },
    addHandler: function (element, type, handler) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }
    }
};
var div = document.getElementById("myDiv");
EventUtil.addHandler(div, "click", function (event) {
    event = EventUtil.getEvent(event);
    alert("Screen coordinates: " + event.screenX + "," + event.screenY);
});

以上代码为<div>元素指定了一个onclick事件处理程序。
当这个元素被单击时,就会显示出事件的屏幕坐标信息了。

您可能感兴趣的文章:
javascript检测screenX与screenY屏幕坐标位置
js获取浏览器窗口大小与屏幕宽高
javascript event 事件的详细介绍
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
js获取屏幕高度 js屏幕属性信息
js 获取浏览器与屏幕宽高信息
JS 屏幕、浏览器、网页的宽度,高度等属性介绍
js如何获取屏幕高度
JS 获取浏览器和屏幕宽高等信息 方法详解
分享:JavaScropt获取网页、浏览器、屏幕高度和宽度的方法

[关闭]