安卓机点击图片会自动放大解决方法:(图片点击会无反应,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('阻止图片默认事件失败');
}
})
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’ (给图片加上即可点击)