div弹窗如何设置不超出页面_从实际出发，前端如何解决需求问题

拿到此需求，只有不到3个小时的开发时间，没时间去扯皮也没时间想太多，干就完了！

移动端长按功能

H5图片保存，一般是长按保存，所以，首先要实现一个长按功能。

移动端使用touchstart和touchend来做长按功能，prevent阻止浏览器默认行为，浏览器很多事件有默认行为，不阻止默认行为的话，浏览器会执行它的默认行为，我们用 JavaScript 处理一个事件，通常不需要浏览器动作，所以阻止掉！prevent是vue中的修饰符，关于修饰符的更多内容，可以去这里看事件修饰符。

html

复制代码

js

touchin() { clearInterval(this.Loop); //再次清空定时器，防止重复注册定时器 this.Loop = setTimeout(() => { // 这里长按后执行的操作 }, 1000);},// 这个方法主要是用来将每次手指移出之后将计时器清零cleartime() { clearInterval(this.Loop);},复制代码

实现一个dialog弹窗

UI框架基本都有自带的dialog弹窗，如果你的项目使用了某个UI框架，直接使用它的就行。如果你的项目没有使用UI框架，那么就很有必要自己实现一个dialog弹窗

tips：不是所有项目都需要使用UI框架，如果项目非常简单，就不需要，原谅我这轮子党，喜欢自己造轮子，哪怕不好用！