- 博客(8)
- 资源 (2)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 盒子拖拽拉伸（和窗口一样的功能）
盒子拖拽拉伸（和窗口一样的功能）前面已经写了，这里只是整理了一下代码，就直接粘贴代码了若只想要拖拽事件，只需要将函数中的tuozhuai（）取出。若只想要拉伸，将direction == "no"时的鼠标按下事件改为null即可实现功能的函数 // 第一个参数是要改变的盒子，第二个参数是限制他的盒子 // 要改变的盒子要有定位 function change(a,box,minwidth,minheight){ // 盒子宽高 var boxHeight = bo
2021-06-18 11:59:02
389
原创 可拖拽，拉伸的盒子（类似我们的桌面应用框，可以拉伸放大，可以拖拽移动）
类似我们的桌面应用框，可以拉伸放大，可以拖拽移动基于上一篇，我们至于要加上另外两边和另外三个角只是剩下的拉伸，不仅仅要改变盒子的宽，还要改变left/top了
2021-06-18 10:24:26
855
原创 用户拉伸（用户拉伸盒子变宽）（基于原本可拖拽的盒子）
用户拉伸（用户拉伸盒子变宽）只拉伸右边，左侧不动（就是盒子拉伸时top,left不动）基于前两篇，就直接粘贴全部代码css html没有做改变，可以自己写，也可以去前面看var box = document.querySelector(".box");var a = document.querySelector("#a");// 盒子宽高var boxHeight = box.offsetHeight, boxWidth = box.offsetWidth; // 鼠标在盒子上移动时 a
2021-06-17 17:04:19
219
转载 获取div到屏幕的距离
获取div到屏幕的距离这里穿插一个，因为在用户拉动放大中会用 // 获取盒子到屏幕左方的距离 function getAbsLeft(obj){ var l=obj.offsetLeft; while(obj.offsetParent != null){ obj = obj.offsetParent; l += obj.offsetLeft; } return l; } // 获取盒子到屏幕上方的距
2021-06-17 16:51:45
627
原创 div拖拽（用户托动）
div拖拽（用户托动）直接看代码其中，left是盒子到父级的左边距，top同理a为元素，box是父级盒子核心代码// 拖拽事件 function tuozhuai(e,left,top){ // 获取盒子宽 var width = a.offsetWidth; var height = a.offsetHeight; //获取x坐标和y坐标 var nowX = e.clientX; var nowY = e.clientY; document.onmousemo
2021-06-17 16:29:23
283
原创 json.stringify()与json.parse()的几种妙用
JSON.stringify()的作用：是将JavaScript 对象转换为 JSON 字符串。json.parse()的作用：是将JSON 字符串转换为 javaScript对象。json.stringify()与json.parse()的几种妙用手法一、实现对象的深拷贝var a = [1,2,3];let b = JSON.parse(JSON.stringify(a));b[0] = 9;console.log(a,b); //[1,2,3] [9,2,3]原..
2021-05-08 12:08:22
395
拖拽拉伸的盒子（类似可改变的窗口）.html
2021-06-18
修改vue代理后报错
2021-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人