土密123的个人资料 - RAT

土密123 土密123

关注数: 1 粉丝数: 10 发帖数: 185 关注贴吧数: 12

解析 'left' 的值时出错。声明被丢弃。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0px; margin: 0px; } div{ width:100px; height: 100px; background-color: lightseagreen; position: absolute; top: 10px; left: 10px; } </style> </head> <body> <div></div> <script> var oDiv = document.getElementsByTagName('div')[0]; var manageCookie = { setCookie: function (name, value, data) { document.cookie = name + '=' + value + ';max-age=' + data; return this; }, removeCookie:function (name) { this.setCookie(name, '', -1) }, getCookie: function (name, callback) { var allCookieArr = document.cookie.split(';'); var len = allCookieArr.length; for(var i = 0; i < len; i++){ var itemCookieArr = allCookieArr[i].split('='); if(name == itemCookieArr[0]){ callback(itemCookieArr[1]); return this; } } callback(undefined); return this; } } // var disX, // disY; // oDiv.onmousedown = function (e) { // disX = e.pageX - oDiv.offsetLeft; // disY = e.pageY -oDiv.offsetTop; // // // document.onmousemove = function(e) { // var event = e || window.event; // oDiv.style.left = e.pageX - disX + 'px'; // oDiv.style.top = e.pageY - disY + 'px'; // } // // document.onmouseup = function () { // document.onmousemove = null; // } // } var drag = { init: function (dom) { this.dom = dom; this.bindEvent(); var _this = this; manageCookie.getCookie('newLeft', function (data) { _this.dom.style.left = data +'px'; }).getCookie('newTop',function (data) { _this.dom.style.top = data +'px'; }) }, bindEvent: function () { this.dom.onmousedown = this.mouseDown.bind(this); }, mouseDown: function (e) { document.onmousemove = this.mouseMove.bind(this); document.onmouseup = this.mouseUp.bind(this); this.disX = e.pageX - oDiv.offsetLeft; this.disY = e.pageY -oDiv.offsetTop; }, mouseMove: function (e) { var event = e || window.event; this.dom.style.left = e.pageX - this.disX + 'px'; this.dom.style.top = e.pageY - this.disY + 'px'; }, mouseUp: function () { document.onmousemove = null; manageCookie .setCookie('newLeft',this.dom.style.left, 1000) .setCookie('newTop',this.dom.style.top,1000); } } drag.init(oDiv); </script> </body> </html> 代码如上，想实现刷新页面后，方块还在上次的移动过位置的功能。但是加上 manageCookie.getCookie('newLeft', function (data) { console.log(data); _this.dom.style.left = data +'px'; }).getCookie('newTop',function (data) { _this.dom.style.top = data +'px'; }) 后刷新还是在初始的位置。用火狐浏览器会显示解析 'left' 的值时出错。声明被丢弃。

1 下一页