我是靠谱客的博主 沉默水杯,最近开发中收集的这篇文章主要介绍vue阻止移动端浏览器点击图片浏览行为的几种方法总结了以下几种方法供参考,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

总结了以下几种方法供参考

手机端页面,点击img的图片,会变成预览模式这会造成用户体验比较差,
原来只要是手机端的img就肯定会有这个情况

1-----、 全局设置 img{ pointer-events: none; }
2-----、 在img元素上添加 οnclick=“return false”
3-----、.图片用背景图的方式插入 background:url(a.png) norepeat center;
4-----、.使用js事件阻止默认行为的方法,这里需要注意哦!

var img = document.getElementById(‘banner’);
img.addEventListener(‘click’,function(e){
  e.preventDefault();
});

最后

以上就是沉默水杯为你收集整理的vue阻止移动端浏览器点击图片浏览行为的几种方法总结了以下几种方法供参考的全部内容,希望文章能够帮你解决vue阻止移动端浏览器点击图片浏览行为的几种方法总结了以下几种方法供参考所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(38)

评论列表共有 0 条评论

立即
投稿
返回
顶部