JavaScript拖拽图片二
来源:互联网 发布:广告图片设计软件 编辑:程序博客网 时间:2024/04/29 22:09
前一篇的功能已经正常,代码很少,很简单。但是还有不少错误。用jslint扫描了一下,有下列错误:
1.window变量要用注释说明,严格来说这不是错误,是jslint的问题
2.parseInt第二个参数必须指定10,代表10进制
3.parsetInt里面的dragObj应该是window.dragObj
4.init函数应该放在最后,因为它用到的几个函数要在前面定义
5.使用use strict语句严格检查
6.多了两个空格
再打开Chrome的调试模式(F12),看到很多error在mouseMove中,原来init函数里面忘记初始化对象为null了。
加上后错误消失。
好,现在代码漂亮多了。
/*global window */function mouseDown(e) {'use strict';window.dragObj = e.currentTarget;if (window.dragObj !== null) {window.clickLeft = window.event.x - parseInt(window.dragObj.style.left, 10);window.clickTop = window.event.y - parseInt(window.dragObj.style.top, 10);window.dragObj.style.zIndex += 1;}}function mouseStop() {'use strict';window.event.returnValue = false;}function mouseMove() {'use strict';if (window.dragObj !== null) {window.dragObj.style.left = window.event.x - window.clickLeft; window.dragObj.style.top = window.event.y - window.clickTop;}}function mouseUp() {'use strict';window.dragObj = null;}function init() {'use strict'; window.dragObj = null;window.document.onmousemove = mouseMove;window.document.onmouseup = mouseUp;window.document.ondragstart = mouseStop;}
- JavaScript拖拽图片二
- JavaScript拖拽图片二
- JavaScript拖拽图片一
- JavaScript拖拽图片三
- JavaScript拖拽图片四
- JavaScript拖拽图片一
- Javascript编的随意拖拽图片的网页
- javascript 实现图片的拖拽和伸缩效果
- javascript实现对图片的随意拖拽,放大缩小
- Javascript学习系列(二):图片浏览器的核心——图片预加载
- javascript+css实现拖拽效果(点击图片,图片返回原区域)
- 简易而又灵活的Javascript拖拽框架(二)
- 用Javascript实现鼠标拖拽网页表单 (二)
- javascript(二)
- JavaScript(二)
- JavaScript(二)
- JavaScript(二)
- Javascript(二)
- ubuntu 中小企鹅的安装
- perl版本猜数字
- 重新理解webservice
- ios消息推送机制原理与实现
- 解决VC6无法为STL的for_eash绑定函数内部类的问题
- JavaScript拖拽图片二
- 新手应该如何Javascript,JDom,JQuery,DWZ。。
- QuartZ一些概念和例子
- unity3d四元数
- Quartz核心类
- 机器学习-学习笔记1
- 工作一周年有感
- 为什么嵌入式LINUX内核和根文件系统分开存放
- opengl glut3.7下载