原生js实现网页中图片放大功能

网页中实现点击图片充满全屏
const imgClick=(url)=>{
	//该点击方法绑定到需要放大的图片上传入图片地址
	let divDOM = document.createElement('div');
	divDOM.style.cssText='position:fixed;z-index:99999;width:100%;height:100%;left:0;top:0;background:#fff;display:flex;justify-content: center;align-items: center;';
	divDOM.innerHTML=`${e.currentTarget.src} style='max-height:100%;' />`;
	divDOM.onclick=()=>{ 
		document.querySelectorAll('body')[0].removeChild(divDOM);
	}
	document.querySelectorAll('body')[0].appendChild(divDOM);
}

你可能感兴趣的:(demo)