用JavaScript移动对象

　drag me-> <-drag me

源代码：

< script type ="text/javascript" > ...

var xOffset,yOffset;

function dragStart()

...{

var obj=event.srcElement;

obj.style.position="absolute";

obj.setCapture();

xOffset=event.x-obj.offsetLeft;

yOffset=event.y-obj.offsetTop;

}

function doDrag()

...{

event.srcElement.style.left=event.x-xOffset;

event.srcElement.style.top =event.y-yOffset;

}

function dragEnd()

...{

event.srcElement.style.cursor="default";

event.srcElement.releaseCapture();

}

</ script >

< img src ="http://www.w3.org/Icons/valid-xhtml10.png" onmousedown ="this.style.cursor='move'" onmouseup ="this.style.cursor='default'" ondragstart ="dragStart()" ondrag ="doDrag()" ondragend ="dragEnd()" />

用JavaScript移动对象相关推荐

JavaScript 复制对象与Object.assign方法无法实现深复制
在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...
javascript 遍历对象
javascript 遍历对象 <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
javascript定义对象写法(个人整理)
javascript定义对象的几种简单方法 1.构造函数方式,全部属性及对象的方法都放在构造方法里面定义优点:动态的传递参数缺点:每创建一个对象就会创建相同的方法函数对象,占用大量内存 funct ...
javascript笔记：深入分析javascript里对象的创建（上）续篇
今天回来一看我的博客居然有这么多人推荐真是开心极了,看来大家对我的研究有了认可,写博客的动力越来越大了,而且我发现写javascript在博客园里比较受欢迎,写java的受众似乎少多了,可能博客园里j ...
JavaScript Date 对象
JavaScript Date 对象 JavaScript Date 对象 http://www.w3school.com.cn/jsref/jsref_obj_date.asp 日期处理 Date ...
JavaScript Object对象
原文:JavaScript Object对象 Object对象 1. 介绍 Object对象,是所有JavaScript对象的超类(基类).Object.prototype(Obecjt的原型)定义了 ...
JavaScript 自定义对象
原文:JavaScript 自定义对象在Js中,除了Array.Date.Number等内置对象外,开发者可以通过Js代码创建自己的对象. 目录 1. 对象特性:描述对象的特性 2. 创建对象方式: ...
JavaScript系列-----对象基于哈希存储（Key，Value之Key篇）（1）
1.Hash表的结构首先,允许我们花一点时间来简单介绍hash表. 1.什么是hash表 hash表是一种二维结构,管理着一对对<Key,Value>这样的键值对,Hash表的结构如下图 ...
javascript BOM对象详解
javascript BOM对象详解目标:本章节将分为9点详细介绍有关BOM对象的知识点 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window对象常见事件(页面加载事件和体 ...
javascript 数组对象中的迭代方法
/* javascript 数组对象中的迭代方法 * ECMAScript5为数组定义了5个迭代方法.每个方法都接受两个参数,第一个是进行迭代的函数,第二个是该函数的作用域对象[可选]. * 进行迭代 ...

用JavaScript移动对象

用JavaScript移动对象相关推荐

最新文章

热门文章