程序博客网 > oracle 数据库用户权限

JS实现拖拽

来源：互联网发布：oracle 数据库用户权限编辑：程序博客网时间：2024/05/22 00:11

[html] view plaincopyprint?

////html的代码说明：
////定义了一个table，用于测试js拖拽功能
<html>
<head>
<script type="text/javascript" >
</script>
</head>
<body>
<table width="100px" height="100px" bgcolor="blue" style='left:120 ;top: 100;position:absolute'>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
<table width="100px" height="100px" bgcolor="yellow" style='left:280 ;top: 100;position:absolute'>
<tr><td>1</td></tr>
<tr><td>dsa<td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
<table width="100px" height="100px" bgcolor="green" style='left:400 ;top: 100;position:absolute'>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
<table width="100px" height="100px" bgcolor="gray" style='left:520 ;top: 100;position:absolute'>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
</table>
<tr>
<td>
</tr>
</table>

[javascript] view plaincopyprint?

////js代码说明：
////currentMoveObj ：全局对象，记录当前拖拽的那个对象
////var relLeft;：鼠标按下时的横坐标
////var relTop;鼠标按下时的纵坐标

[javascript] view plaincopyprint?

<script type="text/javascript">
var currentMoveObj = null;
var relLeft;
var relTop;
////summary
////当按下鼠标时，记录当前点击的坐标，记录当前拖拽的对象
function mouseDown(obj)
{
currentMoveObj =obj;
currentMoveObj.setCapture();
currentMoveObj.style.position = "absolute";
relLeft = event.x - currentMoveObj.style.pixelLeft;
relTop = event.y - currentMoveObj.style.pixelTop;
}
/////当鼠标松开时，当前拖拽对象置空
window.document.attachEvent
('onmouseup',function()
{
currentMoveObj.releaseCapture();
currentMoveObj = null;
});
////拖拽时，始终更新当前拖拽对象的坐标即可
function mouseMove()
{
if(null != currentMoveObj)
{
currentMoveObj.style.pixelLeft = event.x - relLeft;
currentMoveObj.style.pixelTop = event.y - relTop;
}
}
////为每一个TABLE对象注册mousedown和mousemove事件
var elements = document.getElementsByTagName("table");
window.onload=function () {
for(var i = 0;i < elements.length;i ++)
{
var obj = elements[i];
attachDragAction(obj);
}
};
function attachDragAction(obj) {
obj.onmousedown= function(){ mouseDown(obj)};
obj.onmousemove= function(){ mouseMove()};
}
</script>

[html] view plaincopyprint?

<p>JS拖拽</p>
</body>
</html>

oracle 数据库用户权限

oracle 数据库用户权限

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子淮山不能与什么同吃炒淮山的做法淮山不能和什么一起吃玉米胡萝卜猪骨汤孕妇能不能吃芋头妈妈我要吃烤山药什么人不能吃山药孕妇能不能吃山药淮山药和铁棍山药寻麻疹可以吃山药吗月子里可以吃山药吗荼怎么读荼靡薄荷荼靡梨花白荼毒荼姚润玉h 荼毘哥哥放开我荼殇荼靡什么意思开到荼靡神荼秋荼密网荼毒生灵荼糜花荼组词若菜荼央照片锦荼作品荼糜荼毗荼杯头手机汉化版水荼翎荼大大作品曼荼罗荼杯头花开荼靡荼靡怎么读若菜荼央中文字幕在线若菜荼央中文字山莓和覆盆子图片对比山莓图片覆盆子和树莓的区别