手机web移动端
手机web移动端
Python User
这个作者很懒,什么都没留下…
展开
-
web移动端-实现拖拽的插件 IScroll
在项目工程中,如果自己手动实现拖拽是比较费时间的,所以使用 IScroll插件可以解决这个问题;IScroll插件下载zip后进行解压,在文件夹build里面引入iscroll.js文件,git地址为:https://github.com/cubiq/iscroll核心js为:let myScroll = new IScroll('.container', { // 实现鼠标滚轮也可以滑动 mouseWheel: true, // 实现手拉拽滑动 scrollbars: true})&原创 2020-11-22 22:30:25 · 371 阅读 · 0 评论 -
移动端web-“点透“情况,通过 fastClick.js 库 来实现
在相互重叠的两个元素 div1 和 div2,如果 div1 和 div2 都绑定了点击事件,且 div1 在 div2 之上,这个时候如果在移动端,使用touch点击 div1 那么就会发生点透事件;在web 移动端:touch 只有在移动端有效,在PC端下无效,有点透无延时;click没有点透但是会延时;使用fastclick则会解决以上问题;fastclick.js 文件:https://cdn.bootcdn.net/ajax/libs/fastclick/1.0.6/fastclick.js原创 2020-11-22 00:27:51 · 124 阅读 · 1 评论 -
移动端web-点击拖动,拉伸
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>移动端-点击拖动</title&g原创 2020-11-21 22:54:33 · 228 阅读 · 0 评论 -
移动端web-点击事件active样式
移动端的点击事件不能用click直接来进行,因为click有延迟,所以用touchstart和touchend来实现需要有三个判断:① 判断是否是双指操作;② 判断是不是长按的操作;③ 判断是不是拖动的操作;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user原创 2020-11-21 23:31:46 · 1004 阅读 · 0 评论 -
手机移动端-touch 手指触摸移动事件
touch:事件可以分为三个 touchstart,touchmove,touchend<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scal原创 2020-11-20 14:43:15 · 397 阅读 · 0 评论