var Obj;
var oMove;
function MouseDown(obj){
Obj=obj;
oMove=Obj;
Obj.setCapture();
Obj.l=event.x-oMove.style.pixelLeft;
Obj.t=event.y-oMove.style.pixelTop;
}
function MouseMove(){
if(Obj!=null){
oMove.style.left = event.x-Obj.l;
oMove.style.top = event.y-Obj.t;
}
}
function MouseUp(){
if(Obj!=null){
Obj.releaseCapture();
Obj.style.display="" //先隐藏
if(document.elementFromPoint(event.x,event.y).id=="c"){ //后获取鼠标坐标对应的对象
var typeId = document.elementFromPoint(event.x,event.y).lang;
var cuId = Obj.lang;
if(window.confirm('你确定要修改群组吗?'))
window.location.href = '${pageContext.request.contextPath}/customer/customers.do?method=updateType&typeId='+typeId+'&cuId='+cuId+'&c_id=<%=c_id%>&type=cus';
<%--alert(document.elementFromPoint(event.x,event.y).lang);--%>
<%--alert(Obj.lang);--%>
}
Obj.style.display="" //后显示
Obj=null;
}
}
调用
<span style="cursor:move" onmousedown="MouseDown(this)" onmousemove="MouseMove()" onmouseup="MouseUp()" lang="${c[1].cuId}" id="c_name">${c[1].cuName }</span>
分享到:
相关推荐
JavaScript拖拽框架是一种用于创建交互式用户界面的技术,它允许用户通过鼠标或其他输入设备将元素在屏幕上自由移动,常用于构建可自定义的GUI组件、拖放功能等。本篇文章将详细探讨“简易而又灵活的Javascript拖拽...
在本文中,我们将深入探讨如何使用three.js库创建一个简单的拖拽生成场景的示例。three.js是一个基于WebGL的JavaScript库,它使得在浏览器中创建3D图形变得容易。结合OrbitControls.js,我们可以实现对场景中的对象...
在本文中,我们将深入探讨如何使用JavaScript(JS)实现图片拖拽特效,并将这些图片存储到数据库中。同时,我们还会讨论如何进行后续的修改、删除以及排序等操作。这个项目涉及的技术包括JavaScript、数据库交互(如...
本示例涉及的主题是“js控制多个div拖拽和拖动、且能保存数据至cookie、数据库、xml”,这是一项实用技术,尤其适用于创建交互性强的Web 2.0应用程序。下面将详细介绍这一主题的相关知识点。 首先,让我们了解...
**PHP + MySQL + JS 拖拽Div实例详解** 在Web开发中,用户交互性是提升用户体验的关键因素之一。拖拽功能(Drag and Drop)可以让用户通过鼠标直接操作页面元素,增强了网页的互动性。本实例将介绍如何使用PHP、...
本文将详细探讨两个JS拖拽的例子,分析它们的优缺点,供学习者参考。 第一个例子是“拖拽div”。在这个示例中,开发者可能使用纯JavaScript实现了一个可拖动的div元素。基本思路通常是监听鼠标事件,如`mousedown`...
JS拖拽是指通过JavaScript实现的页面元素拖放效果,它可以允许用户通过鼠标操作页面上的元素,将其从一处拖动到另一处。在.NET环境下,虽然主要涉及后台编程,但可以通过与前端JS的配合实现拖拽功能。 JavaScript中...
本文将深入探讨“js拖拽流程设计器”的概念、实现原理以及应用。 **一、拖拽操作基础** 拖拽操作是用户界面中的常见交互方式,通过鼠标或触摸设备的移动来操纵元素。在JavaScript中,我们可以监听`mousedown`...
在JavaScript和jQuery的世界里,实现图片拖放至指定位置的功能是一项常见的交互设计,它能够提升用户的体验,使得操作更加直观和便捷。以下我们将详细探讨如何使用这两种技术来完成这一任务。 首先,我们需要理解...
js拖动 拖拽div大小,内部随意文件操作。完美实现版
在JavaScript编程领域,实现"js拖拽保存效果"是一项常见的交互功能,主要涉及到HTML5的Drag and Drop API以及DOM操作。下面将详细讲解这个主题,包括拖拽的基本原理、实现步骤以及如何保存拖拽后的效果。 一、拖拽...
JavaScript(简称JS)拖拽功能是网页交互中的一个重要部分,它可以增强用户体验,使得用户可以通过鼠标操作页面元素,如图片、窗口或自定义对象等。在本"JS拖拽DEMO大全"中,我们将会探讨一系列关于JavaScript实现...
JavaScrpt 拖动层鼠标松开后自动排序
javascript js拖拽缩放 可以任意缩小放大
videojs视频可拖动播放与不可拖动播放
在JavaScript(JS)中实现拖拽功能是一项基本的交互设计技术,它允许用户通过鼠标或触摸设备移动页面上的元素。这个“简单的JS拖拽功能”示例可能包含了一个基础的拖放实现,专注于核心逻辑,而不涉及复杂的页面渲染...
《jQuery.easyDrag.js:探索史上最强大的拖拽插件》 在Web开发中,交互性和用户体验是至关重要的元素,而拖放功能(Drag and Drop)无疑是提升用户体验的有效手段之一。jQuery库以其简洁的API和丰富的插件生态,为...
在JavaScript(JS)中,实现拖放功能可以增强用户的交互体验,特别是在网页设计和开发中。这个功能允许用户通过鼠标操作将元素从一个容器移动到另一个容器,同时在原容器中删除该元素。本篇文章将深入探讨如何使用...
在JavaScript(js)中,实现拖动排序功能可以极大地提升用户体验,尤其是在管理列表或需要用户交互的场景下。本文将详细讲解如何实现js拖动排序,包括文本拖动、图片拖动,以及如何确保功能在移动端和不同浏览器的...
【标题】"js拖拽模块"涉及的核心技术是JavaScript(简称JS)的事件处理和DOM操作,用于实现网页上的元素可拖动并调整布局。在类似igoogle的个性化首页中,用户可以根据自己的需求自由地组织和排列页面上的各种小工具...