100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript如何实现div模块用鼠标拖动实例代码详解

javascript如何实现div模块用鼠标拖动实例代码详解

时间:2022-06-30 17:56:25

相关推荐

javascript如何实现div模块用鼠标拖动实例代码详解

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下也能正常运行了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。