绑定完请刷新页面
取消
刷新

分享好友

×
取消 复制
图片不能随着鼠标在页面随意移动
2019-07-29 09:55:15
* {
    margin: 0;
    padding: 0;
  }
img {
    position: absolute;
  }
<img src="../images/cangjingkong.jpg" alt="" id="img"/>
function my$(id) {
        return document.getElementById(id);
    }
 
var evt = {
        getEvent: function (event) {
            return window.event | event;
        },
        getClientX: function (event) {
            return this.getEvent(event).clientX;
        },
        getClientY: function (event) {
            return this.getEvent(event).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;
        },
        getPageX: function (event) {
            return this.getEvent(event).pageX ? this.getEvent(event).pageX : this.getClientX(event) + this.getScrollLeft();
        },
        getPageY: function (event) {
            return this.getEvent(event).pageY ? this.getEvent(event).pageY : this.getClientY(event) + this.getScrollTop();
        }
    };
document.onmousemove = function (e) {
            my$("img").style.left=evt.getPageX(e)+"px";
            my$("img").style.top=evt.getPageY(e)+"px";
    }

一段window.event和e的兼容代码,还有page的兼容代码,然后图片飘不起来,谷歌里面console也没有报错,请教各位大神指点一下,哪里出错了?

分享好友

分享这个小栈给你的朋友们,一起进步吧。

应用开发
创建时间:2020-06-17 15:31:04
应用软件开发是指使用程序语言C#、java、 c++、vb等语言编写,主要是用于商业、生活应用的软件的开发。
展开
订阅须知

• 所有用户可根据关注领域订阅专区或所有专区

• 付费订阅:虚拟交易,一经交易不退款;若特殊情况,可3日内客服咨询

• 专区发布评论属默认订阅所评论专区(除付费小栈外)

技术专家

查看更多
  • 栈栈
    专家
戳我,来吐槽~