其实就是说要在1 没有 imgSrc 和 2有 imgSrc 但图片宽或高小于150px 和3 有imgSrc 但是图片加载失败文件错误的这3种情况下ToolTip的位置都是 tooltipstyleleft = eclientX + 10 + px; tooltipstyletop = eclientY + 10 + px;应该怎么改代码?
可以使用以下代码:
if (!imgSrc || (img.width < 150 && img.height < 150) || img.naturalWidth === 0) { tooltip.style.left = e.clientX + 10 + "px"; tooltip.style.top = e.clientY + 10 + "px"; } else { // 处理有图片且宽高大于等于150px且加载成功的情况 }
其中,imgSrc为图片链接,img为图片对象,其中naturalWidth属性为图片的原始宽度。如果没有imgSrc或者img的宽高小于150px或者加载失败,则Tooltip的位置为鼠标位置加上10px的偏移量。如果有图片且宽高大于等于150px且加载成功,则可以在else语句中处理Tooltip的位置。
原文地址: https://www.cveoy.top/t/topic/fr6y 著作权归作者所有。请勿转载和采集!