js获取点击到的内容
提供给APP小组的H5页面链接,现在要求点击图片传给原生一个地址,他们展示图片。
这个方法之前没用过,在此记录一下,方便以后查找。
document.body.onclick=function(e){
var event = window.event || e;
var obj=document.elementFromPoint(event.clientX,event.clientY);
console.info(obj.tagName);
if (obj.tagName.toLocaleLowerCase() == 'img') {
console.log(obj.src);
}
}
以下是2018-11-23 更新
用上面的方法在ios遇到了一个坑,点击不会触发该事件,然后把事件绑定改成了给dom里的一个元素就OK了:
document.querySelector('.big_img_div').addEventListener('click', function (e) {
let event = window.event || e;
if (event.target.tagName.toLocaleLowerCase() === 'img') {
if (document.querySelector('.big_img_div').contains(event.target)) {
// 点击到了相应的元素
}
}
}, false);