鼠标移动到图片上显示大图

页面设置一个div用于大图展示

<div id="preview"></div>

function formatImg(value, row, index) {
    let pic = row.pic;
    return `<img onmouseover=preview('${pic}') onmouseout="out()" src="${value}">`;
}
// 图片显示坐标与光标一致
function preview(e, event) {
    let ee = event || window.event;
    $('#preview').html(`<img style="position: absolute;left: ${ee.clientX};top: ${ee.clientY};width: 40%;height: 40%" src="${e}">`)
}

转载于:https://my.oschina.net/u/4107179/blog/3030569