http://www.blueidea.com/tech/web/2006/3791_5.asp
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;
var dragObject = null;
var mouseOffset = null;
function getMouseOffset(target, ev){
ev = ev || window.event;
var docPos = getPosition(target);
var mousePos = mouseCoords(ev);
return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}
function getPosition(e){
var left = 0;
var top = 0;
while (e.offsetParent){
left += e.offsetLeft;
top += e.offsetTop;
e = e.offsetParent;
}
left += e.offsetLeft;
top += e.offsetTop;
//return {
// x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
// y:ev.clientY + document.body.scrollTop - document.body.clientTop
// };
return {x:left, y:top};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
if(dragObject){
dragObject.style.position = 'absolute';
dragObject.style.top = mousePos.y - mouseOffset.y;
dragObject.style.left = mousePos.x - mouseOffset.x;
return false;
}
}
function mouseUp(){
dragObject = null;
}
function makeDraggable(item){
if(!item) return;
item.onmousedown = function(ev){
dragObject = this;
mouseOffset = getMouseOffset(this, ev);
return false;
}
}
var targWidth = parseInt(curTarget.offsetWidth);
var targHeight = parseInt(curTarget.offsetHeight);
setAttribute('startWidth', parseInt(offsetWidth));
setAttribute('startHeight', parseInt(offsetHeight));
setAttribute('startLeft', pos.x);
setAttribute('startTop', pos.y);
(getAttribute('startTop')
<script language="javascript">
var currentObj=null;
var offleft;
var offtop;
function funMup()
{
currentObj=null;
}
function funMdown(obj)
{
currentObj=obj;
offleft=event.x-obj.style.pixelLeft;
offtop=event.y-obj.style.pixelTop;
}
document.onmouseup=funMup;
function funMove()
{
if(currentObj!=null)
{
//alert()
currentObj.style.top=event.y-offtop;
currentObj.style.left=event.x-offleft;
//currentObj.style.pixelTop=event.y-offtop;
//currentObj.style.pixelLeft=event.x-offleft;
}
}
document.onmousemove=funMove;
function dd()
{
if(currentObj!=null)
{
//alert()
currentObj.style.top=event.y-offtop;
currentObj.style.left=event.x-offleft;
//currentObj.style.pixelTop=event.y-offtop;
//currentObj.style.pixelLeft=event.x-offleft;
}
}
function funclick()
{
var bb=testfun();
alert(bb.x);
}
function testfun()
{
return{x:00,y:11};
}
function cl()
{
alert( document.body.clientTop);
alert(event.clientX);
alert(event.srcElement.id);
}
function ma()
{
alert(arguments.length);
}
</script>
- dragmove.rar (7.3 KB)
- 下载次数: 0
发表评论
-
转载:jquery webservice 跨域
2013-01-28 16:06 1257现在的JQuery中$.ajax方法支持跨域读取json数 ... -
变更地址栏参数
2011-09-14 10:06 788<html> <head ... -
仿google 日历
2011-08-24 23:10 869仿google 日历仿google 日历仿google 日历仿 ... -
Jquery fullcalendar 官方中文文档
2011-08-22 08:47 24851. 使用方式, 引入相关js, css后, $(‘#div_ ... -
js webservice
2011-05-12 08:50 10811. 创建webservice,为了免于落俗我稍稍修改了 ... -
光标位置函数
2010-12-16 12:44 784function getCursortPosi ... -
select元素javascript常用操作
2010-12-14 09:32 627东西很简单,只是自己记性不好,经常忘记一些关键字 所以发 ... -
cookie
2010-09-17 09:06 669function SetCookie(CookieNa ... -
webservice and js
2010-06-24 09:17 810jQuery调用WebService网上的介 ... -
js 类的实现 转载
2010-05-14 10:43 760JavaScript本身并不是设计成面向对象的,所以没 ... -
jsxiaoguo
2009-05-14 10:52 705jsxiaoguo -
窗体大小
2009-05-12 09:39 876网页可见区域宽:document.body.clientWid ... -
闭包小例
2009-02-05 08:53 716//A是一个普通的函数 ... -
js other event target
2008-11-20 14:41 1117解耦导航模式 function Onclick(evt) ... -
用 javascript 处理 JSON
2008-11-19 14:33 1278用 javascript 处理 JSON 关键字: json ... -
js 倒计时
2008-11-13 09:28 948<!doctype html public " ... -
Javascript中最常用的55个经典技巧
2008-09-27 17:47 8531. oncontextmenu="window.e ... -
js xml
2008-09-17 10:53 1198loadXML = function(xmlFile) ... -
正则表达式
2008-09-12 09:04 796数:44] //校验是否全由数字组成 function ... -
js 函数
2008-09-11 13:12 7871.document.write(""); ...
相关推荐
该代码帮助你实现根据事先拖动的div轨迹,设置一个时间执行长度,可以安轨迹自动帮你执行完成
dragmove.js 一个超小的Javascript库,使DOM元素可拖动和移动。 具有触摸屏支持。 零依赖性和500字节压缩。 。 用法 节点 npm install @knadh/dragmove import { dragmove } from @ knadh / dragmove ; // (target...
jQuery.dragmove 是 DOM 元素拖拽扩展插件。 支持的浏览器: – Google Chrome– Safari ( Desktop and Mobile )– Internet Explorer ( 9, 10, 11 )– Firefox 标签:jQuery
console.log( 'dragMove on ' event.type pointer.pageX ', ' pointer.pageY ' position at ' instance.position.x ', ' instance.position.y ); } // bind event listener draggie.on( 'dragMove', onDragMove...
#define CTCS_DRAGMOVE 64 // Allows move items #define CTCS_DRAGCOPY 128 // Allows copy items #define CTCS_CLOSEBUTTON 256 // Close button #define CTCS_BUTTONSAFTER 512 // Button after items #define ...
Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单,浏览器兼容性好,能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。
鼠村拖放功能是Ajax应用中常见的模式.dom-drag.js可以帮助开发人员快速的实现鼠村拖放功能
Common\Graphics\cursors\dragmove.cur Common\Graphics\cursors\dragpict.cur Common\Graphics\cursors\ew_01.cur Common\Graphics\cursors\ew_02.cur Common\Graphics\cursors\ew_03.cur Common\Graphics\...
在WinForm程序中,要移动没有标题栏的窗口,基本的实现思路是监听需要拖动窗口内的控件的... public const int SC_DRAGMOVE = 0xF012; [DllImport(user32.Dll, EntryPoint = ReleaseCapture)] public extern static
但是, WindowsFormsHost存在一些问题: 启用AllowsTransparency的窗口不显示任何控件-鉴于我们无法执行AllowsTransparency ,将WindowStyle设置为None仍会显示边框空域问题-上下文菜单或DragMove不适用于表
WPF无边框移动窗体,先在里添加 MouseLeftButtonDown="Window_MouseLeftButtonDown" 然后导航到事件,在事件里添加 if (e.LeftButton == MouseButtonState... this.DragMove(); 就可以了, 还不懂的话,就下载研究下吧
DragMove() 窗口移动 private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e) { // Resize window width (honoring minimum width) var desiredWidth = (int)(ActualWidth + e....
JLArrangeController 根据需要重新... JLArrangeController.hJLArrangeController.mJLArrangeView.hJLArrangeView.m有一个名为DragMove的示例项目。执照根据MIT许可获得许可。 您可以在商业和非商业项目中使用该代码。
矩形抽屉使用 KineticJS 的矩形抽屉演示职能矩形绘制(绑定 mousedown、mousemove、mouseup 事件) rect 移动(设置可拖动为真) rect 调整大小(绑定 dragmove 事件) rect删除(绑定双击事件)用法克隆到本地文件...
理正修复,工民建破解文件,可以不用狗就用里正 去百度搜索软件包就好