说明: html默认select选择框控件在IOS的浏览器中 是底部弹出下拉选择. 这样到时页面位置错位,选择结束后对应不少元素的点击事件不响应. 这样看起来问题不大,但是选择完成之后点击确定提交弹出框的话  框内的按钮就很有可能不在页面上了(因为页面已经往上移了)  所以框上的按钮就会失效.  解决方案: 点击确认提交时让页面回到原位 js 点击时: window.scrollTo(0, document.body.scrollTop + 1); document.body.scrollTop…

在微信浏览器里面使用video标签,会自动变成全屏,改成下面就好了,起码可以在video标签之上加入其他元素. <video id="videoID" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen=&quo…

// 为什么叫<大事记>? // 以前总有面试官问这样一个问题:“你在项目中遇到过最头疼的问题是什么,是怎么解决的?” // 当时总觉得,已解决的问题都算不上头疼,所以回答总是不尽人意. // 最近遇到微信端的这个问题,非常让人头疼,正好有小伙伴和我聊到面试经验,灵机一动,<大事记>由此而生 问题描述: 在安卓系统的微信浏览器里面,<video> 标签触发了 play() 事件,即开始播放之后 <video> 标签的层级会变成 MAX 级别,无论如何设置 z…

页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需要设计一个选单,在用户选择相应办事处后自动加载相关的地图,于是我做了以下页面: (小弟不才,如代码有冗余或您有更好的写法还请各位指正,谢谢!底部有贴出原代码!) 那么如何写Select中的触发事件呢? 有以下几种方法: 方法一,纯JS代码: <select id="addr" onc…

大家知道, 对于HTML控件select, 是没有readOnly属性的,所以设置它并不起作用,如: 如果用disabled的话,提交时又取不到值. 那有什么方法可以实现?可以有一个折中的方法,如下: <select id="select1" onchange="this.selectedIndex=this.defOpt;"> <option value="aa">aa</option> <option…

使用微信打开网页,弹出软键盘时遇到的兼容问题 过去开发中遇到过很多这种情况,页面底部需要固定定位一个按钮,广告栏或者菜单栏,页面中有表单项需要填写,在打开手机虚拟键盘的时候,底部固定定位的元素会处在软键盘上方,把本来就所剩无几的页面几乎都挡住了(一般发生在不使用框架的单独页面中),而浏览器并没有为开发者提供呼出软键盘的事件监听方法. 之前我的解决方法是 window.onresize = function(){ if(document.body.clientHeight<500){ docume…

解决方法: 使用    window.location.href=window.location.href+随机数    代替 window.location.reload(). function reload(){ window.location.href=window.location.href+"?id="+10000*Math.random();}…

methods:{ inputBlur () { // window.scroll(0, 0); setTimeout(() => { // alert(1); if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { return; } if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { /…

function reload(){ window.location.href=window.location.href+"?id="+10000*Math.random(); }…

测试工具:ios微信. h5的Audio对象有个很重要的属性:preload;preload 属性规定是否在页面加载后载入音频.有4个值:auto - 当页面加载后载入整个音频meta - 当页面加载后只载入元数据none - 当页面加载后不载入音频空字符串 - 等效于auto属性 对于Audio对象,如果不需要展示播放界面,我们完全可以在js里构造这个对象: var audio = new Audio; audio.preload = 'none';//设置none属性 //当点击第一个div…