移动端微信内置浏览器（或QQ浏览器）无法识别onclick事件的解决

忘是亡心i 2021-06-24 15:58 756阅读 0赞

1.微信内置浏览器（或QQ浏览器或safari浏览器）无法识别onclick事件的解决（ 前面没耐心看的，直接看最后的总结 ）

对于这类不兼容的问题真的是很磨人，比较浪费时间，对于技术大牛可能不是问题，但是对于新手来说，可能就是个好几天无法解决的bug了。

现在市场份额最大的是google浏览器，它对各种前端语言兼容的最多，就如题目中所描述的问题，google浏览器很完美的兼容了。

问题主要出现在这里，html中的a 标签和li标签中的onclick事件在window.οnlοad=function()\{\}里或者$(document).ready(function()\{\})里无法识别在QQ浏览器和safari浏览器中，也就是说，android手机里的chrome浏览器能够识别onclick事件，但是在ios手机里的safari浏览器识别不出来，或者在QQ浏览器里无法识别该事件。

糟心的是项目的开发是基于微信的，坑爹啊有木有！微信内置的浏览器肯定是用他们自己家的浏览器啊（QQ浏览器），所以根本就识别不出来，而且更坑爹的是有一大群人在用ios手机啊啊啊啊啊！，这尼玛项目开发必须要考虑这两点啊，那么怎么解决呢？

很简单，博主我当初困惑了两三天，查了大量资料，也试了，但是都没用，最后是用另外一个事件名给解决的，下面是方法：

例子：

html:

<li οnclick="myFunction()">

js:

window.onload = function(){
        function myFunction(){......}
    }

QQ浏览器和safari浏览器：噢，谢特！它不是我儿子！我们识别不出来...

解决：

html:

<li ontouch="myFunction()">

js:

window.onload = function(){
        function myFunction(){......}
    }

主要是通过将onclick事件变为ontouch事件了，可能是因为移动端跟PC端的差别吧。

结果：

QQ浏览器和safari浏览器：噢，我的上帝啊！它是我儿子！

总结： 问题的解决其实就是在li标签里面添加一个与onclick类似的事件名ontouch就解决了。 多试一试触发事件名，可能会得到意向不到的效果。

发表评论取消回复

表情：

评论列表（有 0 条评论，756人围观）

还没有评论，来说两句吧...

相关阅读

相关微信内置浏览器第三方登录qq

网页应用首先肯定想到的是js sdk的方式引用qq登录接口，但是放在微信内置的浏览器中是不行的，因为微信和qq的内置浏览器都屏蔽了qq登录js，登录成功后都会出现无法正常跳转的

末蓝、/ 2024年02月17日 15:27/ 0 赞/ 56 阅读

相关 Chrome 添加【微信 / QQ】内置浏览器（解决 “请在微信客户端打开链接” 提示）

前言有些链接，是需要在微信客户端内才能打开的，那么想在 PC 端的浏览器上打开，怎么办呢？ ![在这里插入图片描述][20200522124853294.png]

今天药忘吃喽~/ 2023年02月11日 07:24/ 0 赞/ 4 阅读

相关【微信内置浏览器】如何清除缓存？

前言有些时候，需要清除 `微信内置浏览器` 的缓存，那么如何做呢？安卓一、随便打开一个聊天窗口，输入 `debugx5.qq.com` 并发送。二、点

太过爱你忘了你带给我的痛/ 2023年02月10日 05:29/ 0 赞/ 71 阅读

相关 IOS 微信内置浏览器的缓存问题

从A页面跳转到B页面，然后再返回A页面，获取不到storage的数据。就是从业务页面到微信授权页面再返回到业务页面获取不到storage的数据。第一次到业务页面

矫情吗；*/ 2023年01月03日 05:58/ 0 赞/ 472 阅读

相关 js判断是否微信PC端打开内置浏览器

function isWeChat(){ var ua = window.navigator.userAgent.toLowerCase();

你的名字/ 2022年12月07日 12:51/ 0 赞/ 232 阅读

相关微信内置浏览器的JsAPI(WeixinJSBridge续)

之前有写过几篇关于微信内置浏览器（WebView）中特有的Javascript API（Javascript Interface）的文章，不过随着微信官方的调整，部分API已经

绝地灬酷狼/ 2022年08月27日 14:40/ 0 赞/ 262 阅读

相关 js判断识别微信或QQ浏览器

//是否微信 isWx: function() \{ var ua = navigator.userAgent.toLowerCase(); return ua.matc

电玩女神/ 2022年06月14日 06:56/ 0 赞/ 381 阅读

相关 js识别微信支付宝浏览器（移动端）

//判断是支付宝app的浏览器 var userAgent = navigator.userAgent.toLowerCase();

怼烎@/ 2022年06月12日 01:08/ 0 赞/ 307 阅读

相关清除微信内置浏览器缓存

在做微信开发的时候（主要是微信内网页或者比较大型的手机网站）的时候，更改了页面代码，但是微信内置浏览器有缓存，还是之前的效果，影响调试，而且还死活清除不掉！！！！！怎么办？

叁歲伎倆/ 2022年05月15日 01:18/ 0 赞/ 469 阅读

相关移动端微信内置浏览器（或QQ浏览器）无法识别onclick事件的解决

1.微信内置浏览器（或QQ浏览器或safari浏览器）无法识别onclick事件的解决（前面没耐心看的，直接看最后的总结）对于这类不兼容的问题真的是很磨

忘是亡心i/ 2021年06月24日 15:58/ 0 赞/ 757 阅读