微信H5 ios需要2次触发点击事件

最新推荐文章于 2023-07-13 10:15:16 发布

紫麦熊

最新推荐文章于 2023-07-13 10:15:16 发布

阅读量406

点赞数

文章标签： ios html5

本文链接：https://blog.csdn.net/m0_37378152/article/details/120509299

版权

yarn add fastclick

// main.js
import FastClick from 'fastclick'
FastClick.attach(document.body)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

紫麦熊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【关于使用clipboard.js，在异步方法中需要点击两遍才能弹出成功提示的问题】

weixin_44592971的博客

01-10

2035

uni-app H5开发项目，复制所遇的坑一开始使用如下的复制方法，发现ios端无法正常复制，原因暂未找到，有人说因为select，ios无法使用，而后又用了setSelectionRange，依旧没用，因为我的H5项目是嵌入到app中的 // An highlighted block var input1 = document.createElement("input"); // 直接构建input input1.value = item.downFile; // 设置内容 document.body

微信h5页面返回时ios不刷新页面解决方案

沉迷学习日渐消瘦

01-10

3699

在做微信h5页面的时候，我们需要返回时刷新前一个页面的数据，比如在页面A点击支付按钮跳转到页面B，从页面B返回时要获取当前订单的支付状态防止重复支付。在安卓手机上不会有困扰，因为安卓手机在微信h5中返回都会刷新页面，而由于ios手机上的微信webView版本的问题，返回时会直接从缓存中拿而不会刷新页面。解决这一问题想到了vue-router，vue-router不就是有路由钩子吗？它主要用的h...

参与评论您还未登录，请先登录后发表或查看评论

关于h5移动端IOS某些情况下点击事件需要点击两次才能触发

weixin_44457418的博客

04-09

6751

关于h5移动端IOS某些情况下点击事件需要点击两次才能触发最近在做h5页面发现ios端的点击事件在某些情况下可能需要点击两次才能触发情况是是这样的,引用了mintui轮播图,然后直接点击能触发事件,但是轮播之后第一次点击无效,需要第二次点击才能触发点击事件 然后开始上网查,发现好像是因为拥有了display:none;这个条件之后就会触发,由于mintui的轮播图就是用这种方式隐藏显示,所以就...

ios需要点击2次才能触发h5页面返回

chlx2008的专栏

07-10

1761

原因分析：当前代码采用form target指向iframe，实现无页面刷新。ios情况下，可能会多Push一个当前的页面的路径到history。解决办法：删除target指向iframe.form增加onSubmit事件。 onFormSubmit=(event)=>{ //避免跳转到action对应地址 event.preventDefault(); returnfalse; } ...

h5移动端IOS系统需要点击多次才能触发点击事件

星期Ⅷ

07-23

1664

這是ios移动端常见的兼容性问题安装fastclick（顺便可以解决点击事件300毫秒延迟，点透问题等）安裝 npm install fastclick --save 引用 import fastClick from 'fastclick'; fastClick.attach(document.body);

H5页面点击事件偶发点击两次才能“触发”事件

一天吃八顿

01-18

1530

1.点击前效果： 2.点击后效果： 3.元素标签是li标签，没有设置className，复选框是两张图片，单独写了一个类名为bg_color的样式（也就是图二的样式），点击li后，通过判断类名是否为" "来选择是添加该类名还是删除该类名，然后在手机端和PC端都多次点击尝试，发现偶发一次点击没有效果，以为事件没有被触发，就在if else判断里面打印语句，发现可以打印出来，也就是说点击事件成功触发了，但是没有成功添加类名并改变样式。所以就改变了if的判断条件（通过判断li的类名是否为“bg_color”来

解决iOS下无法触发focus事件的问题

08-27

解决iOS下无法触发focus事件的问题需要开发者深入了解iOS平台的安全机制和focus事件的机理。只有通过正确的方法和理解背后的原因，开发者才能正确地解决这个问题。知识点： * iOS平台上禁止在非用户交互事件中...

iOS微信浏览器回退不刷新实例(监听浏览器回退事件)

01-03

iOS在微信浏览器回退是不重新加载页面的，有些时候是需要重新加载的，所以需要监听回退事件 $(function(){ pushHistory(); }); function pushHistory(){ window.addEventListener(popstate, function(e){ alert&...

vue中解决微信html5原生ios虚拟键返回不刷新问题

01-18

做微信h5页面时，经过了微信授权才跳转到一级默认路由home.vue中，因此在home页面时在IOS中底部会出现虚拟的返回键，安卓上不会出现。且在IOS点击返回时会跳转到home空白页面不重新加载，但是在安卓机上点击返回键会...

iOS实现H5支付(微信、支付宝)原生封装

08-24

在iOS开发中，实现H5支付，特别是与微信和支付宝集成，是常见的需求。这篇文章主要讲解了如何在iOS应用中封装H5支付接口，以便原生调用。封装H5支付能够避免直接集成支付SDK，简化项目的复杂度，同时也能满足支付...

解决 iOS 设备上html链接要点击两次才跳转的问题

細水、長流√的专栏

03-19

2778

解决 iOS 设备上链接要点击两次才跳转的问题昨天接到用户反馈，iOS 设备上链接要点击两次才跳转，这个问题怎么能忍的下去，解决办法如下：确保你的HTML页面添加了以下头部代码：[html] view plain copy<meta name="viewport" content="width=device-width, initial-scale=1"/> 引入 jQuery 库...

IOS需要点击两次才出发点击效果

m0_70511264的博客

11-25

862

IOS需要点击两次才出发点击效果

app WebView内嵌h5页面，ios端click事件点击延迟，无法连续点击

Sissi的个人笔记

11-26

821

具体问题最近有个需求里有个点赞的功能，每点一下赞会有特效展示，可以连续点击不断的显示特效。做出来之后在测试阶段的时候发现除了ios端app WebView内嵌h5页面无法连续点赞之外，ios其他环境都没问题。（bug总是神奇的出现）因为没啥经验，开始考虑以为是我司ios开发在app端做了不能连续点击限制，于是去问了一下，结果我司ios开发说没有！！！好了，这肯定是前端神奇的bug了，于是我再次打开了百度…找到了解决办法解决办法 @click="thumbs_up() 改成： @touchstart

简述下 `wx.navigateTo()`, `wx.redirectTo()`, `wx.switchTab()`, `wx.navigateBack()`, `wx.reLaunch()`的区别？

kobezzZ的博客

08-28

1242

1、wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面 2、wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面 3、wx.switchTab()：跳转到 abBar 页面，并关闭其他所有非 tabBar 页面 4、wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过...

小程序内嵌H5，H5中有按钮需要跳转至接口返回的本小程序页面

最新发布

strawberry sweet

07-13

719

小程序webview内嵌H5，H5中判断是否处于小程序的环境，只有在小程序环境下才显示按钮。点击按钮跳转，跳转方法见微信小程序官网。

ios内嵌h5返回上一页后空白触屏一下或者拉动一下,才会显示的问题

weixin_41143662的博客

05-21

5276

移动端开发react vue项目中，ios上点击返回的时候，会出现空白现象，触屏一下或者拉动一下,才会显示出来也查找过很多资料，但都实现不了，包括#app设置为 position:absolute 也不行最后在生命周期总 updated的时候强制改变scorllTop updated() { document.scrollingElement.scrollTop = 0 ...

解决ios 微信vue点击input标签两次才响应的问题

天麟江的博客

04-29

2627

背景：我们公司H5View项目使用的是VantUI，今天有个需求是做个带有搜索框的页面，按照之前的方式，引入van-search标签，开心的我以为已经搞定了。但是测试在测的过程中，发现在安卓设备上使用正常，ios设备上，input标签很难点击，焦点很难定位到输入框。经过在网上的搜寻，主要的解决方案有以下几种： 1.input的z-index设置成1000，提高其层级 2.检查样式中的设置是否有 { -webkit-touch-callout: none;...

无焦点工具窗口需要点击两次才获得输入焦点的问题解决

swift19221的专栏

02-28

333

鼠标焦点

IOS微信浏览器点击input元素无反应以及输入框输入后页面不回弹的问题

lzc的博客

05-29

9342

1.最近在开发微信公众号网页，发现在iOS中，input元素快速点击的时候无法获得焦点，双击或者触摸屏幕的时候才能获取焦点。安卓端没有问题。一开始以为是iOS微信浏览器的兼容问题。后来认真排查了下，发现是我在引入ant-mobile组件库时，同时引入了faskclick.js导致的。下面是ant-mobile官网的介绍：然后我去ant-mobile github上看了下，发现了这个（参考h...

Vue实现商家管理微信H5端日历组件：181天动态展示与交互设计

在公司新开展的微信H5移动端商家管理项目中，一个关键的需求是创建一个炫酷的日历组件，帮助商家管理员通过日期筛选获取用户的订单等信息。日历功能需展示当前日期（服务器时间）前后90天，共计181天，支持左右滑动...