为某个div下img标签添加点击事件，可在新页面打开base64类型图片

Michael_Cheng_09

于 2022-11-16 23:24:53 发布

阅读量2.5k

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/zihang_cheng/article/details/127895623

版权

export const addImgClickEvent = (id) => {
  var objs = document.getElementById(`${id}`)?.getElementsByTagName('img');
  for (var i = 0; i < objs?.length; i++) {
    objs[i].onclick = function () {
      // iFrameOpenImg(this.src);
      let str = '<!DOCTYPE html><html><body><div><img src=' + this.src + ' /></div></body></html>';
      let newOpen = window.open(
        '',
        '_blank'
        // 'scrollbars=1,resizable=1,width=1000,height=580,left=0, top=0'
      );
      // newOpen.document.write(this.outerHTML);
      newOpen.document.write(str);
      newOpen.document.close();
    };
    objs[i].style.cursor = 'pointer';
  }
};