想做一个效果。按钮点1下就在按钮的下面弹出一个新的div层给用户操作。。如何判断在鼠标离开按钮1的时候。鼠标当前的位置。如果鼠标不在新的div层的话。就隐藏这个层。
谢谢各位了

解决方案 »

  1.   

    鼠标离开将这个div层的visibility改成hidden
      

  2.   


       window.onload = function () {
                         document.getElementById("btn").onmouseup = get;
            }
       function get(ev) {
                ev = ev || window.event;
                // 定义鼠标在视窗中的位置
                var point = {
                    x: 0,
                    y: 0
                };            // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
                if (typeof window.pageYOffset != 'undefined') {
                    point.x = window.pageXOffset;
                    point.y = window.pageYOffset;
                }
                // 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
                // IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
                else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
                    point.x = document.documentElement.scrollLeft;
                    point.y = document.documentElement.scrollTop;
                }
                // 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度
                else if (typeof document.body != 'undefined') {
                    point.x = document.body.scrollLeft;
                    point.y = document.body.scrollTop;
                }            // 加上鼠标在视窗中的位置
                point.x += ev.clientX;
                point.y += ev.clientY;
                alert(point.x);
                alert(point.y);
                // 返回鼠标在视窗中的位置
                return point;
            }
      

  3.   

    搞定了。用的是event.toElement。谢谢各位。。百度搜一下有兼容各个浏览器的toElement