- 博客(8)
- 资源 (2)
- 问答 (2)
- 收藏
- 关注
原创 盒子拖拽拉伸(和窗口一样的功能)
盒子拖拽拉伸(和窗口一样的功能)前面已经写了,这里只是整理了一下代码,就直接粘贴代码了若只想要拖拽事件,只需要将函数中的tuozhuai()取出。若只想要拉伸,将direction == "no"时的鼠标按下事件改为null即可实现功能的函数 // 第一个参数是要改变的盒子,第二个参数是限制他的盒子 // 要改变的盒子要有定位 function change(a,box,minwidth,minheight){ // 盒子宽高 var boxHeight = bo
2021-06-18 11:59:02 360
原创 可拖拽,拉伸的盒子(类似我们的桌面应用框,可以拉伸放大,可以拖拽移动)
类似我们的桌面应用框,可以拉伸放大,可以拖拽移动基于上一篇,我们至于要加上另外两边和另外三个角只是剩下的拉伸,不仅仅要改变盒子的宽,还要改变left/top了
2021-06-18 10:24:26 819
原创 用户拉伸(用户拉伸盒子变宽)(基于原本可拖拽的盒子)
用户拉伸(用户拉伸盒子变宽)只拉伸右边,左侧不动(就是盒子拉伸时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 207
转载 获取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 571
原创 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 272
原创 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 346
拖拽拉伸的盒子(类似可改变的窗口).html
2021-06-18
修改vue代理后报错
2021-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人