![javascript如何实现div模块用鼠标拖动实例代码详解](https://sm.tqys.net/uploadfile/img/2023/06/21/0f234a31d0ebab02cf8c30127774fb10.jpg)
web前端|js教程
javascript,js,鼠标
web前端-js教程
document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素;
思维娃娃乐源码,vscode怎么制作个人网站,ubuntu 禁用设备,tomcat6.0特点,connect方法爬虫,php网站作业,马尾seo优化联系方式,jsp网站下载,最新完整苹果cms v10x视频模板lzw
event.button的值:0没按键 1按左键 2按右键 3按左和右键 4按中间键 5按左和中间键 6按右和中间键 7按所有的键
分级会员源码,ubuntu增加虚拟显存,适合爬虫的电脑,空包php,seo小说推广lzw
下面是实现代码,模仿window,并且让它可以盖住select
易语言制作在线更新源码,ubuntu上面安装软件,爬虫cookies 模拟登录,收款聚合+php,jomin-seolzw
测试可动pvar offset_x; var offset_y; function Milan_StartMove(oEvent,p_id) { var whichButton; if(document.all&&oEvent.button==1) whichButton=true; else { if(oEvent.button==0)whichButton=true;} if(whichButton) { var op=p_id; offset_x=parseInt(oEvent.clientX-op.offsetLeft); offset_y=parseInt(oEvent.clientY-op.offsetTop); document.documentElement.onmousemove=function(mEvent) { var eEvent; if(document.all) eEvent=event; else{eEvent=mEvent;} var op=p_id; var x=eEvent.clientX-offset_x; var y=eEvent.clientY-offset_y; op.style.left=(x)+"px"; op.style.top=(y)+"px"; var d_op=document.getElementById("disable_"+op.id); d_op.style.left=(x)+"px"; d_op.style.top=(y)+"px"; } } } function Milan_StopMove(oEvent){document.documentElement.onmousemove=null; } function p_Close(o) {var op=o; op.style.display="none";var d_op=document.getElementById("disable_"+o.id);d_op.style.display="none";}
X
测试一下
3333 1111 222
现在这个可拖动的p是不是好很多了?不用担心select了。之前放出来的只能在IE下正常工作,主要是用了parentElement,现在把它换成parentNode,调整了CSS样式,这样在FF下也能正常运行了。
如果觉得《javascript如何实现div模块用鼠标拖动实例代码详解》对你有帮助,请点赞、收藏,并留下你的观点哦!