移动端
theOtherSky
这个作者很懒,什么都没留下…
展开
-
搜索历史缓存
展示图html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2020-06-24 10:03:50 · 341 阅读 · 0 评论 -
移动端H5页面适配
废话不多说,直接上代码1.rem加js适配(用原生方法获取用户设置的浏览器的字体大小(兼容ie))<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0原创 2020-06-23 10:42:59 · 537 阅读 · 0 评论 -
混合开发对通过各种途径点击进入移动端页面的路径进行判断(安卓,IOS,微信),及调用安卓,IOS内部方法
html页面//这个是头部,a标签的作用是返回上一层,也就是说从哪里来回哪里去(安卓,IOS)<header class="header"><a onclick="outUrl()"></a>用药指导</header>js页面(安卓,IOS) //调用IOS或者安卓内部方法 function outUrl() { if (isIOS()) { // IOS设备 wind原创 2020-06-23 10:29:24 · 279 阅读 · 0 评论 -
判断移动端滑动
// 移动端开始/*判断手机端滑动*/ $("body").on("touchstart", function (e) { startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches[0].pageY; }); $("b...原创 2020-03-27 15:50:21 · 201 阅读 · 0 评论 -
前端实现搜索历史的实现(单个和全部)
html:<input type="search" placeholder="搜索内容" id="searchInput"><p class="history_btn"> <span onclick="deleteAll()">清除全部</span> <span onclick="deleteOk()">...原创 2019-11-26 15:49:21 · 2083 阅读 · 2 评论 -
h5页面跳转外部app
function outUrl() { if(GetRequest().type == 6){ //判断是否是内部页面跳转到的详情 window.history.back(); }else if (isIOS()) { // 判断是否是IOS设备跳转到的详情(homeback是ios端定...原创 2019-11-18 10:36:32 · 1142 阅读 · 0 评论 -
移动端滑动
1.判断是向哪边活动(上下左右)var firstX = 0, firstY = 0, endX = 0, endY = 0;//初始化坐标值 window.addEventListener("touchstart", function (e) { firstX = e.targetTouches[0].clientX; firstY = e.targ...原创 2020-05-11 10:59:45 · 373 阅读 · 0 评论