![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5
文章平均质量分 58
欧阳呀
早一批“吃螃蟹”的人。多年前端开发及项目管理经验,擅长vue,原生js,react。v: ouyang_Allen,承接毕设
展开
-
H5移动端常用事件,此中大有文章
移动端事件,封装自定义事件1. 移动端事件2. 封装移动端自定义事件3. FAQ 1. 移动端事件 首先,移动端不建议使用 click 事件 因为它有300毫秒的延迟,对用户体验不太友好 常用事件:touchstart(),touchend(),touchmove() HTML文件 <!DOCTYPE html> <html lang="ZH-cn"> <head> <meta charset="utf-8">原创 2021-06-25 11:32:44 · 802 阅读 · 13 评论 -
cssTransform.js 优化版三
终极版,减少参数传递,降低耦合度 function Transform(element) { var transform = {}; var transformValue = ''; var props = ['scaleX', 'scaleY','rotate', 'rotateX', 'rotateY', 'rotateZ', 'skewX', 'skewY', '...原创 2019-12-29 23:52:58 · 599 阅读 · 1 评论 -
cssTransform.js 优化版二
说在前面 上一篇文章对获取、设置transfrom相关属性做了一个简单的封装(上一篇文章 链接:cssTransform.js1.0 方案) 代码还是比较 low 的,所以优化一个版本。 HTMLElement.prototype.cssTransform = function (prop, value) { var transform, transformValue ...原创 2019-12-29 23:36:38 · 560 阅读 · 1 评论 -
移动端多指操作二 安卓篇 (兼容性处理)
说在前面 上篇文章说了ios上的多指操作,那为什么不放在一起,把安卓的也一起讲了,因为安卓的存在兼容问题,gesturestart,gesturechange等事件安卓上都是没有的,这些只存在于ios设备上,所以这些事件安卓设备上无效,需要自己封装。 第一步:定义一个匿名自执行函数 匿名自执行函数的优势在前面的文章有,这里不多说。 (function (w) { })(window); 第...原创 2019-11-20 15:48:45 · 521 阅读 · 0 评论 -
移动端多指操作一 ios篇
说在前面 移动端常用的事件上篇文章说了,可是原创 2019-11-20 15:35:46 · 625 阅读 · 0 评论 -
移动端常用事件
touchstart 与 click touchstart : 触摸开始事件,当手指接触屏幕上的一刹那,触发该事件。 click: PC端点击事件,在移动端也可以使用,不过会有200ms延迟,一般不建议使用。 var box = document.getElementById("touchstart"); box.addEventListener("touchstart", func...原创 2019-11-18 11:30:11 · 425 阅读 · 0 评论