zoukankan      html  css  js  c++  java
  • 鼠标跟着键盘飞=====兼容代码

    <style>
    img{
    position: absolute;
    }
    </style>
    </head>
    <body>
    <img src="imgs/tianshi.gif" alt="" id="im">
    <script src="../DOM/commer.js"></script>
    <script>
    // document.onmousemove=function (e) { //IE8支持:window.event
    // ver("im").style.left=e.clientX+"px";
    // ver("im").style.top=e.clientY+"px";
    // };

    //兼容代码
    //把代码放在一个对象中
    var evt={
    //window.event和事件参数对象e的兼容
    getEvent:function (evt) {
    return window.event||evt;
    },
    //可视区域横坐标的兼容代码
    getClientX:function (evt) {
    return this.getEvent(evt).clientX;
    },
    //可视区域纵坐标的兼容代码
    getClientY:function (evt) {
    return this.getEvent(evt).clientY;
    },
    //页面向左卷曲出去的横坐标
    getScrollLeft:function () {
    return window.pageXOffset||document.body.scrollLeft||document.documentElement.scrollLeft||0;
    },
    //页面向上卷曲出去的纵坐标
    getScrollTop:function () {
    return window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop||0;
    },

    //相对于页面的横坐标(pageX或者是clientX+scrollLeft)
    getPageX:function (evt) {
    return this.getEvent(evt).pageX?this.getEvent(evt).pageX:this.getClientX(evt)+this.getScrollLeft();
    },
    //相对于页面的纵坐标(pageY或者是clientY+scrollTop)
    getPageY:function (evt) {
    return this.getEvent(evt).pageY?this.getEvent(evt).pageY:this.getClientY(evt)+this.getScrollTop();
    }
    };


    //测试===================================================================
    document.onmousemove=function (e) { //IE8支持:window.event
    ver("im").style.left=evt.getPageX(e)+"px";
    ver("im").style.top=evt.getPageY(e)+"px";
    };
    </script>
  • 相关阅读:
    C语言编程的两个工具:valgrind和core
    C语言动态库和静态库的使用及实践
    编译安装pgbouncer-checking for OpenSSL... configure: error: not found
    automake使用
    make笔记
    GCC命令
    gcc中关于静态库和动态库使用(转)
    zookeeper的c API 单线程与多线程问题 cli_st和cli_mt
    zookeeper数据一致性与paxos算法
    Deepgreen DB简介(转)
  • 原文地址:https://www.cnblogs.com/lujieting/p/10055193.html
Copyright © 2011-2022 走看看