JS拖拽的进一步练习，移动与拉伸实现代码

网络编程 2025/3/17 佚名

3 2 1

直接在本地是支持IE6的，有个问题就是，鼠标点击的时候光标会变为选择文字的光标，不知道应该怎么处理这个问题呢？
在此记录一下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单拖拽扩展</title> <style type="text/css"> *{margin:0;padding:0;} #outwarp{ margin:20px auto; width:600px; height:600px; background:#fff; border:1px solid #333; position: relative; } .controlBox{ width:200px; height:200px; position: absolute; left:25px; top:50px; background:#ccc; font-size:12px; color:#fff; border: 1px solid #333;} .controlBar{cursor: move;} .controlBar h2{ font-size:12px; text-align: center; line-height: 25px; background: blue;} .innerCon{text-align: left; line-height: 20px;} .innerCon p{ padding: 10px; color: #000;} .resize{ position: absolute; height: 10px; width:10px; color: white; z-index: 10; background: red;} .lt{left:0;right:0; cursor:nw-resize;} .tr{right:0;top: 0;cursor:ne-resize;} .rb{right:0;bottom: 0; cursor:nw-resize;} .bl{left:0;bottom:0;cursor:ne-resize;} </style> </head> <body> <h2>按此处拖动</h2> <p>中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容中间内容</p> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS拖拽

标签：

JS拖拽

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“JS拖拽的进一步练习，移动与拉伸实现代码”

JS拖拽的进一步练习，移动与拉伸实现代码

暂无“JS拖拽的进一步练习，移动与拉伸实现代码”评论...

更新动态

2025年03月17日

JS拖拽的进一步练习，移动与拉伸实现代码

JS拖拽

JavaScript之编码规范推荐

javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

评论“JS拖拽的进一步练习，移动与拉伸实现代码”

更新动态

友情链接

JS拖拽的进一步练习，移动与拉伸实现代码

JS拖拽

JavaScript之编码规范 推荐

javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)

评论“JS拖拽的进一步练习，移动与拉伸实现代码”

更新动态

友情链接

JavaScript之编码规范推荐