jquery 中 使用on 绑定 点击事在 本地测试可以 上线之后 在华为手机自带的浏览器中 点击失效的问题

最新推荐文章于 2022-11-24 11:03:17 发布
最新推荐文章于 2022-11-24 11:03:17 发布
阅读量463 收藏
点赞数
分类专栏： 移动端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yunchong_zhao/article/details/108757847
版权

刚开始 本地走的 好好 拿着小米手机 也是试了一试

因为本博主的 是小米手机 没有华为的 然后 就以为跑通 就上线了

上线之后 除了问题 说在华为的部分机型上出了问题 点击 没效果

我就拿来了一个 华为荣耀30 比较新吧

用自带的浏览器 在本地测试 是可以点击的

上线不行

我以为是找不到 焦点 就给点击的元素加上了 cursor:pointer;

但上线之后 还是那个鬼样子 点击 不生效

我又在手机上微信试了试 是可以的

下载了一个 UC 浏览器 也是可以
钉钉打开不可以

最后我也是 纳闷了 后来 想了想 我们的网址支持https 的 换成https 看怎么样

换成https 之后点击生效了

这个 本博主怀疑 人家自带的浏览器 有内部检测 不是 https 的不让触发一些 点击事件 防止 窃取用户的信息什么的 猜测哈

具体原因 还在排查中

关注我 持续性更新前端知识

yunchong_zhao
关注
专栏目录
android 华为手机 webview 点击事件不触发_华为高管再次放出狠话！华为鸿蒙系统绝对自主自研：不是换皮安卓...
weixin_28728031的博客
12-23 562
导语：看科技资讯，品鉴最新最全的科技新闻，了解当今科技发展水平。点击关注微信公众号：“数码科技大爆炸”，每天最新最全的科技资讯，轻松放松，更多好看科技资讯尽在这里，还不快来点击关注，让自己化身新一代科技潮人，最新最炫酷的科技产品尽在掌握，为你选购出谋划策！【12月20日讯】导语，自从华为鸿蒙系统手机版本正式发布以后，虽然目前还处于Bate测试版本，但已经有相关的上手体验视频流出，从整体U...
作为Java面试官，我会问Java程序员一些什么问题？，一线互联网大厂中高级Java面试真题收录
最新发布
2401_84439743的博客
04-21 903
这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024b （备注Java）一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！！
华为手机浏览器 onclick失灵的问题
weixin_30375427的博客
07-04 798
开发h5 遇到的问题是华为浏览器onclick 点击失灵。 下面这个网站是检查 浏览器是否支持es6语法的网站 http://ruanyf.github.io/es-checker/index.cn.html经过查证 华为手机对es6支持特别差。 查看半天代码也没有 查出来有es6的语法。 后来查找了一个es6 转es5的在线网站。 https://babeljs.io/repl/#?b...
js onclick事件在电脑上正常，在手机中点击不生效
weixin_33755554的博客
04-25 3074
出现此问题的原因是由于onclick中的方法名称与其id名称重复，手机无法识别。 如下： <a id="a" onclick="a('b','a');return false;">加急</a> <script> ...
jQuery 在移动端的点击事件,怎么不管用的解决方法
qq_26931659的博客
09-24 3619
document.getElementById(“weidian”).οnclick=function () { $("#mask").toggle(1); $("#yishui_or_other").slideToggle(“slow”); }; 当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span...
jquery on("click")在安卓微信无效的问题
qq_32307891的博客
01-17 1301
(1)将$(".imgBox").on("click", "div", function (e){})改成 $(document).on("click", ".imgBox&gt;div", function (e){}); (2)苹果端click无效 ，苹果端的点击要是button才可以触发，或者直接在标签内写onclick事件 $("#photoLB").on(&q
react实现div隐藏_react 点击空白处隐藏弹出层
weixin_39610722的博客
12-30 2003
点击空白处隐藏弹出层的原理是：在 document 上绑定事件来隐藏弹出层，这样点击任何元素的时候都会冒泡到 document 上，都会执行隐藏弹出层的功能。然后我们在不需要隐藏弹出层的元素上阻止冒泡即可。class Select extends Component {constructor(props) {super(props);this.state = {selected: props.li...
Java开发面试常见问题总结
iijik55的博客
07-29 307
ajax就是异步的JavaScript和想xml。通过ajax可以与服务器进行数据交换，ajax可以使网页局部刷新，意味着可以在不用加载整个网页的情况下，对网页的某部分进行更新。怎么实现ajaxxmlhttpRrqueset对象,使用这个对象可以异步向服务器发送请求,获取响应,完成局部更新,opensendresponseText/responseXml局部响应.使用场景登陆失败时不跳转页面,注册时提示用户名是否存在,二级联动等等.最经典的MVC模式是1.当控制器收到来自用户的请求缓存。...
（Django）Web网页导入pycharm时遇到的问题集合（备份）
weixin_47401619的博客
05-12 3541
（Django）Web网页导入pycharm时遇到的问题集合
（Django）Web网页导入pycharm时遇到的问题集合
weixin_47401619的博客
06-21 2300
pycharm+html
vuedraggable：屏蔽内部拖拽长按触发复制（华为浏览器，QQ浏览器）@click事件失效
weixin_46104490的博客
11-24 1114
为什么前端会有各种奇奇怪怪的兼容性问题呢？说真的极大挫伤了编程兴致。有自己学艺不精的原因，但也不想和shit打交道，每天解决非技术引发的问题。结果无一例外是失败的，但是也查到可能是因为楼主的手机是华为，自带浏览器和QQ浏览器都会防不住。真的绷不住，最后加了css的限制，在。这个问题还是有成熟的解决方案的，通过改写拖拽组件，独立出子组件进行父子组件通讯成功将@click和拖拽集于一身，还是比较丝滑的。里可以达到限制效果。如果有好的办法欢迎戳菜菜楼主。代码如上，楼主尝试了网上的各种办法，包括不限于。
苹果手机浏览器$(document).on("click",function(){})点击无效的问题
William_Wei007的博客
05-04 4468
$(document).on(“click”,function(){})
jquery动态添加的元素绑定的事件不生效的问题
weixin_34177064的博客
12-18 230
我们可以通过 $(document).on('click', '#xxx', callback) 这种形式解决。 原因，一般情况下，我们是通过 $('#xxx').click(callback) 这种形式去绑定，这种绑定之所以生效是因为，我们程序加载 $(function(){}) 的时候绑定了回调，而动态添加上去的，我们并没有去绑定。 所以动态添加的元素，点击的时候并不会触发我们想要的...
手机绑定点击事件失效问题
纵横天下，唯有你岿然不动
01-09 983
iOS Safari 中点击事件失效 问题描述: 当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span 等），此时 click 事件会失效。 解决办法: 1.​将 click 事件直接绑定到目标​元素（​​即 .target）上 2.将目标​元素换成 &lt;a&gt; 或者 button 等可点...
手机(移动端)点击事件失效问题(微信？使用iscroll？)
热门推荐
宋坚强大大~~
10-10 1万+
1.问题重现： 微信ios内置浏览器认为，不是button  a标签之外的非点击元素  比如div  是不可点击的，比如给div绑了click事件   在微信里边是不生效的，解决办法是给这个div元素添加一个样式属性cursor: pointer;  那么我今天遇到的问题当然没有这么简单。  2.弹框中某个区域内内容很多，我们希望使用overflow：scroll；当超过之后，可以滚动查...
使用 HTML css JavaScript 设计华为官网的内容
06-09
例如，可以使用JavaScript库如jQuery、React等，来实现网页的交互效果。 具体来说，可以实现以下内容： 1. 导航栏设计：使用HTML和CSS创建导航栏，使用JavaScript实现导航栏的下拉菜单动态效果。 2. 轮播图设计：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了，请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值