怎么配合JavaScript拖动页面中控件
1个回答
2017-04-05 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
配合拖动页面中控件达到页面动态生成后页面的排版效果。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>窗体设计</title>
<SCRIPT language="JavaScript" src="/cmsweb/script/jscommon.js"></SCRIPT>
<script language="JavaScript">
<!--
/*
代码说明：
－、下面代码中的"xx"、"yy"是为移动元素所需的2个动态属性，分别记录移动前的X和Y坐标。
－、主元素(主选择元素)：第一个选中的元素；次元素(次选择元素)：第二个开始选中的所有元素
*/
var IsDesignChanged=false
var IsDraging=false //判断是否处于拖动状态中
var xMouseBefMove, yMouseBefMove //移动元素前的鼠标X、Y坐标
var currentSelMainElement //当前选中的主元素（第一个选中的元素）
var currentDot //当前正移动(正改变主选择元素宽度高度)的定位点
var saveSign //保存类型：save, saveas
var arrElments = new Array() //保存所有次选择元素（第二个开始选中的元素）
var arrDots = new Array() //保存所有次选择元素的定位点
var g_pointSelTimes = 0; //多选控件时判断第几次点击
var g_pointStartX = 0; //多选控件的起点
var g_pointStartY = 0; //多选控件的起点
var g_pointEndX = 0; //多选控件的终点
var g_pointEndY = 0; //多选控件的终点
document.onmousedown=EvtMouseDown //定义鼠标点击的事件入口
document.onmouseup=EvtMouseUp //定义鼠标放开的事件入口
document.onkeydown=EvtKeyDown //定义键盘点击的事件入口
document.onmouseover=EvtMouseOver //定义鼠标移至的事件入口
<HTML>
<HEAD>
<title>窗体设计</title>
<SCRIPT language="JavaScript" src="/cmsweb/script/jscommon.js"></SCRIPT>
<script language="JavaScript">
<!--
/*
代码说明：
－、下面代码中的"xx"、"yy"是为移动元素所需的2个动态属性，分别记录移动前的X和Y坐标。
－、主元素(主选择元素)：第一个选中的元素；次元素(次选择元素)：第二个开始选中的所有元素
*/
var IsDesignChanged=false
var IsDraging=false //判断是否处于拖动状态中
var xMouseBefMove, yMouseBefMove //移动元素前的鼠标X、Y坐标
var currentSelMainElement //当前选中的主元素（第一个选中的元素）
var currentDot //当前正移动(正改变主选择元素宽度高度)的定位点
var saveSign //保存类型：save, saveas
var arrElments = new Array() //保存所有次选择元素（第二个开始选中的元素）
var arrDots = new Array() //保存所有次选择元素的定位点
var g_pointSelTimes = 0; //多选控件时判断第几次点击
var g_pointStartX = 0; //多选控件的起点
var g_pointStartY = 0; //多选控件的起点
var g_pointEndX = 0; //多选控件的终点
var g_pointEndY = 0; //多选控件的终点
document.onmousedown=EvtMouseDown //定义鼠标点击的事件入口
document.onmouseup=EvtMouseUp //定义鼠标放开的事件入口
document.onkeydown=EvtKeyDown //定义键盘点击的事件入口
document.onmouseover=EvtMouseOver //定义鼠标移至的事件入口
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
