微信内网页安卓点击图片放大与IOS点击失效处理方法
2018-06-01 17:14
399 查看
安卓机点击图片会自动放大解决方法:(图片点击会无反应,a标签点击有效)
// 递归搜索当前元素所有父级,看是否包含有a标签且有href值const searchIsHavaTagA = function (currentEle) {
// 如果一直往上层找,到body还没找到就说明没有了
if (currentEle.nodeName === 'BODY') {
return false;
}
let parent = currentEle.parentElement;
if (parent.nodeName === 'A' && parent.getAttribute('href')) {
return true;
} else {
return searchIsHavaTagA(parent);
}
}
$(document).on('click', 'img', function (e) {
try {
// 父级里有a标签且href不为空的,不处理
if (!searchIsHavaTagA(e.target)) {
e.preventDefault();
}
} catch (error) {
console.log('阻止图片默认事件失败');
}
})
IOS图片点击事件失效解决方法:
style=‘cursor:pointer’ (给图片加上即可点击)阅读更多
相关文章推荐
- [置顶] ios 网页中图片点击放大效果demo
- 关于微信上网页图片点击全屏放大效果
- iOS开发中,点击放大、缩小图片方法举例
- 微信页面上传图片,安卓和ios上传接口的兼容处理
- 微信上 网页图片点击全屏放大
- 微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制,移动端禁止图片长按和vivo手机点击img标签放大图片
- 移动端图片上传方法【更好的兼容安卓IOS和微信】 推荐
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- iOS WebView 图片点击放大并左右滑动,类似微信/网易文章功能
- [置顶] ios 网页中图片点击放大效果demo
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- 移动端html5图片上传方法【更好的兼容安卓IOS和微信】
- iOS点击button放大后缩小效果,类似QQ、微信选择图片时的特效。
- iOS UICollectionView 入门 07 点击cell放大图片
- 图片点击放大,再次点击返回原视图.完美封装,一个类一句代码即可调用.IOS完美实现
- 【安卓】iOS 程序开发引用的第三方库之间出现 duplicate symbol 时的处理方法
- iOS图片点击点击放大
- 图片点击放大,再次点击返回原视图.完美封装,一个类一句代码即可调用.IOS完美实现
- [转]常用iOS图片处理方法