html5 一些好用的原生事件
2024-09-03 05:00:44
计算机技术发展这么多年, 有些方面太老了,不适合新时代的发展,
使用新的规范,更方便开发和使用, 提高各方使用人的工作效率, 何乐而不为
drag drop
html5新增属性
某些操作使用拖拽比较方便, 比如调整页面图片顺序,文件批量上传等
使用
drag的事件有开始 中间 结束三个状态,
开始结束两个event是定义在不同的element上,
event可以设置复杂的attribute,这样在事件结束时就可以取出开始的数据
文件上传进度
XHR onprocess 原生事件
多文件上传 multiple
左右滑动
移动端事件, 用来切换tab
一.使用touchstart touchend 原生事件
1.记录移动坐标xy
touchstart ===> event.touches[0].clientX 不要使用pageX
touchend ===> event.changedTouches[0].clientX 不要使用pageX
2.角度计算
Math.atan( Math.abs((this.touchendy - this.touchstarty)/(this.touchendx - this.touchstartx)))* 180/Math.PI < 30
二.使用vue-touch插件
小坑:非标准web场景插件不能用, 比如uni app端没有标准document,它只是使用了JS V8运行引擎
最新文章
- vim中tab转为空格
- android提供ToolBar实现划动菜单的陷阱
- 使用UDEV绑定ASM多路径磁盘
- Android 使用 TableLayout 布局拉伸宽度
- scrapy_ip_agent
- 【Xamarin挖墙脚系列:学习资料大放送】
- URL,URLConnection,HttPURLConnection的使用
- JavaScript 高级程序设计(第3版)笔记——chapter4:变量、作用域和内存问题
- hdu 1102 Constructing Roads(最小生成树 Prim)
- WebBrowser控件的简单应用2
- jQuery的工作原理
- 浅谈web移动端适配问题
- Java Native方法
- UI命名规范
- recyclerview 主活动里监听点击事件
- Spring Boot(5)一个极简且完整的后台框架
- 404.17 - 动态内容通过通配符 MIME 映射映射到静态文件处理程序
- MovieLens电影数据分析
- RISC与CISCCPU构架
- volley的post请求