
移动端
rgpbrave
这个作者很懒,什么都没留下…
展开
-
移动端之禁止输入框输入表情
思路是给输入框绑定 change事件,用正则匹配输入框的内容,发现有表情就替换为空只能输入数字英文啊等等都是这个思路我这里是用的 vue 框架(别的方法都一样),例如 <input type="text" v-model="inputMessage" :change="check_num()">inputMessage :输入框输入的值 check_num(){ var regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\原创 2020-06-08 00:01:54 · 2109 阅读 · 0 评论 -
vue 中生成带logo的二维码vue-qr(可换背景)&& 利用qrcode生成二维码
vue 中生成带logo的二维码这里运用了一个插件 vue-qrnpm install vue-qr --save<template> <div> <vue-qr :correctLevel="3" :autoColor="false" colorDark="#313a90" :bgSrc="bgSrc" :logoSrc="logoSrc" :text="codeUrl" :size="95" :margin="0" :logoMargin="3">原创 2020-06-02 11:25:07 · 1458 阅读 · 0 评论 -
移动端之块级元素div a img标签等解除点击高亮阴影效果
移动端之a标签解除点击高亮效果css 中 a{ -webkit-tap-highlight-color:transparent; }***在微信里点击事件跳转下载等,不同机型的手机 普通标签可能出现不跳转的情况,这里就可以用a标签实现跳转...原创 2020-05-29 14:55:38 · 471 阅读 · 0 评论 -
移动端之禁止长按复制文字(兼容ios)
移动端之禁止长按复制文字在css中设置以下即可 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none;}在添加完原创 2020-05-29 11:25:56 · 1463 阅读 · 0 评论 -
移动端之js判断是安卓还是ios设备(是否在微信端打开)
js判断是安卓还是ios设备(是否在微信端打开)//判断是否在微信中打开var ua = navigator.userAgent.toLowerCase();var isWeixin = ua.indexOf('micromessenger') != -1; if( isWeixin ){ //执行逻辑 }else{ //执行逻辑 }//判断是否在ios或者安卓打开var u = navigator.userAgent;var isIos = !!u.match(/\(i[^;]+;原创 2020-05-28 12:08:26 · 478 阅读 · 0 评论 -
移动端之h5禁止缩放(ios10以上兼容)
移动端ios10以上禁止缩放问题通常移动端禁止缩放,在meta里这样设置。安卓机这样设置就可以啦,但是ios10以上不支持了,还需设置以下代码,直接引用即可。<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no, minimum-scale=1.0,maximum-scale=1.0"> // ios 10 禁止缩放 //ios 10以上 wi原创 2020-05-28 11:01:41 · 2060 阅读 · 0 评论 -
移动端之点击复制到粘贴板(兼容安卓和ios)
标题 js点击复制到粘贴板兼容安卓和ios运用clipboard插件,能兼容ios和安卓 各大浏览器官网 http://www.clipboardjs.cn 都有详细文档原创 2020-05-13 14:36:07 · 523 阅读 · 0 评论