您的位置:首页 > 移动开发 > 微信开发

微信内网页安卓点击图片放大与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’ (给图片加上即可点击)
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: