简洁易行的JS拖拽代码

时间：2015-04-15 17:09:46 阅读：123 评论：0 收藏：0 [点我收藏+]

标签：js

var x, y
var drag_ = false
var D = new Function(‘obj‘, ‘return document.getElementById(obj);‘)
var IE = new Function(
       ‘‘,
       ‘if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2‘)
function Move_obj(obj) {// 1
   D(obj).onmousedown = function(e) {
       drag_ = true// 4
       with (this) {
           style.position = "absolute";
           temp1 = offsetLeft;
           temp2 = offsetTop;// 5
           if (IE() == 1) {
               x = event.clientX;
               y = event.clientY// 6
               document.onmousemove = function(e) {// 7
                   if (drag_ == false)
                       return false
                   with (this) {
                       style.left = temp1 + event.clientX - x + "px";
                       style.top = temp2 + event.clientY - y + "px"
                   }
               }// 7
           }// 6
           if (IE() == 2) {
               x = e.pageX;
               y = e.pageY;// 8
               document.onmousemove = function(e) {// 9
                   if (drag_ == false)
                       return false
                   with (this) {
                       style.left = temp1 + e.pageX - x + "px";
                       style.top = temp2 + e.pageY - y + "px"
                   }
               }// 9
           }// 8
       }// 5
       document.onmouseup = new Function("drag_=false")
   }// 4
}// 1

-------------------------------------------------------------------------------以上是JS代码

使用很简单

在页面中引入JS

简洁易行的JS拖拽代码

标签：js

原文地址：http://blog.csdn.net/u010400728/article/details/45060253

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行