zoukankan
html css js c++ java
[JavaScript]鼠标拖动
代码很简单:
<div id="divMove" style="POSITION: absolute;left:300;top:300" onselectstart="return false" onmousedown="MouseDown(this)" onmousemove="MouseMove()"> <table width="150" cellpadding="0" cellspacing="0" border="1"> <tr> <td height="30" bgcolor="#cccccc">title</td> </tr> <tr> <td height="100"><p align="center">testMove</p></td> </tr> </table> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- var currentMoveObj = null; var relLeft,relTop; function MouseDown(obj) { currentMoveObj = obj; currentMoveObj.style.position = "absolute"; relLeft = event.x - currentMoveObj.style.pixelLeft; relTop = event.y - currentMoveObj.style.pixelTop; } window.document.onmouseup = function() { currentMoveObj = null; } function MouseMove() { if(currentMoveObj != null) { currentMoveObj.style.pixelLeft=event.x-relLeft; currentMoveObj.style.pixelTop=event.y-relTop; } } //--> </SCRIPT>
查看全文
相关阅读:
Vue之仿百度搜索框
Vue之交互
Vue之键盘事件
Vue之事件冒泡
Vue之阻止默认行为
sql注入常用注释符总结
什么是Git
Github部署博客
php笔记
JavaScript(更新中)
原文地址:https://www.cnblogs.com/HD/p/101408.html
最新文章
jstl <c:if>标签用法
linux练习
Maven学习 (转)
生成流水号DEMO
POI HSSFWorkbook导出excel
<a>标签三种超链接方式
弹出div隐藏层
GPT分区
文件链接(硬、符号链接)
ext4文件系统
热门文章
全备份 增量 差异
磁盘碎片整理
日志分离
2017-2018-1 20155307 《信息安全系统设计基础》第2周学习总结(含课堂测试五)
2017-2018-1 20155307 《信息安全系统设计基础》第1周学习总结
Vue之自定义过滤器
Vue自定义指令
Vue之自定义指令
Vue之监听数据变化
vue之留言板
Copyright © 2011-2022 走看看