100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 一个超简单的JS拖拽实现代码(兼容IE Firefox)【javascript】

一个超简单的JS拖拽实现代码(兼容IE Firefox)【javascript】

时间:2018-10-24 11:58:55

相关推荐

一个超简单的JS拖拽实现代码(兼容IE Firefox)【javascript】

web前端|js教程

JS,拖拽

web前端-js教程

delphi oracle 源码,微信vscode开发工具,try ubuntu 备份,tomcat的404是,爬虫爬行方法,php面向对象高级,深圳高端seo外包公司价格lzw

runcode/** *取得元素的真实css属性 *@param {Object} d 元素 *@param {String} a 元素的css属性名 *@version 0.2 */ function gs(d,a){ if (d.currentStyle){ var curVal=d.currentStyle[a] }else{ var curVal=document.defaultView.getComputedStyle(d, null)[a] } return curVal; } /** * 取得鼠标坐标 * @return Position */ function getMouseLocation(e){ if(!document.all){ mouseX = e.pageX; mouseY = e.pageY; } else{ mouseX = event.x + document.body.scrollLeft; mouseY = event.y + document.body.scrollTop; } return {x:mouseX,y:mouseY}; } /** * 拖动对象 * @param {DOM Object} DOM对象 */ function drag(e,obj){ var p1 = getMouseLocation(e); var startRight = null; var startTop = null; var startLeft = null; var startBottom = null; var l = gs(obj,”left”); var r = gs(obj,”right”); var t = gs(obj,”top”); var b = gs(obj,”bottom”); if(!l) startRight = parseInt(r); else startLeft = parseInt(l); if(!t) startBottom = parseInt(b); else startTop = parseInt(t); if(obj.setCapture) obj.setCapture(); else if (window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); document.onmousemove = function(e){ var p2 = getMouseLocation(e); var xMove = p2.x-p1.x; var yMove = p2.y-p1.y; if(!l) obj.style.right = (startRight – xMove)+”px”; else obj.style.left = (startLeft + xMove)+”px”; if(!t) obj.style.bottom = (startBottom – yMove)+”px”; else obj.style.top = (startTop + yMove)+”px”; } document.onmouseup = function(){ if(obj.releaseCapture) obj.releaseCapture(); else if (window.captureEvents) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); document.onmouseup = null; document.onmousemove = null; } }

jsp在线答题系统源码,ubuntu只读分区,tomcat缓存文件夹,python 与爬虫,php网站流量统计源码,必火seo优化系统招商项目lzw

div#test{border:solid 1px blue;background:red;position:absolute;left:100px;top:200px;width:200px;height:200px;cursor:pointer;}

购物网站源码php,vscode如何输出栏乱码,ubuntu录音软件,如何更改tomcat图标,爬虫快速盈利,php 获取http头,夏邑seo首页优化费用,日记类型网站源码,之梦作文模板带手机站lzw

拖我拖我拖我拖我拖我拖我拖我

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]javascript支持firefox,ie7页面布局拖拽效果代码

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