前端开发移动端点击图片禁止弹出蒙层的方法

前端可以开发软件吗|前端设计模式与开发实践|web前端设计与开发课后代码

禁止这种默认行为有以下三种方法:
1.图片用背景图background的方式插入:
css 代码

background:url(“img/bg.png”) no-repeat;

2.img标签添加onclick=”return false;”
html 代码

<img src=”img/bg.png” onclick=”return false;” alt=””/>

3.用js阻止默认行为:
javascript 代码

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

这里的click也可以是touchend事件,但不能是touchstart,touchmove事件,否则超出屏幕宽高的图片无法滑动查看了。

安卓软件开发属于前端|华为需要前端开发的吗|web前端开发面试题2018

» 本文来自:前端开发者 » 《前端开发移动端点击图片禁止弹出蒙层的方法》
» 本文链接地址:https://www.rokub.com/5173.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!