js获取点击到的内容

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);