div js 缩放方法

匿名 (未验证) 提交于 2019-12-03 00:22:01

话不多说,上代码,

要的就是那种直接可以运行的的,ok的

    zoomElement(elmnt) 
    zoomElement(elmnt) {         if (elmnt.addEventListener) {             // IE9, Chrome, Safari, Opera             elmnt.addEventListener('mousewheel', MouseWheelHandler, false);             // Firefox             elmnt.addEventListener('DOMMouseScroll', MouseWheelHandler, false);         }          let i = 1;         function MouseWheelHandler(e) {             // cross-browser wheel delta             const event = window.event || e; // old IE support             event.preventDefault();             const delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));             if (delta === 1) {                 i += 0.2;                 elmnt.style.transform = 'scale(' + i + ')';             } else if (delta === -1) {                 if (i < 0.3) {                     i = 0.2;                 } else {                     i -= 0.2;                 }                 elmnt.style.transform = 'scale(' + i + ')';             }             return false;         }     }

文章来源: div js 缩放方法
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!