首页 > 代码库 > mxGraph绘图区域使用鼠标滚轮实现放大/缩小
mxGraph绘图区域使用鼠标滚轮实现放大/缩小
// 重写鼠标滚轮事件 mxEvent.addMouseWheelListener = function (funct) { } // 增加初次加载事件 window.onload = function () { var element= document.getElementById('graph'); addScrollListener(element, wheelHandle); } function addScrollListener(element, wheelHandle) { if (typeof element != 'object') return; if (typeof wheelHandle != 'function') return; // 监测浏览器 if (typeof arguments.callee.browser == 'undefined') { var user = navigator.userAgent; var b = {}; b.opera = user.indexOf("Opera") > -1 && typeof window.opera == "object"; b.khtml = (user.indexOf("KHTML") > -1 || user.indexOf("AppleWebKit") > -1 || user.indexOf("Konqueror") > -1) && !b.opera; b.ie = user.indexOf("MSIE") > -1 && !b.opera; b.gecko = user.indexOf("Gecko") > -1 && !b.khtml; arguments.callee.browser = b; } if (element == window) element = document; if (arguments.callee.browser.ie) element.attachEvent('onmousewheel', wheelHandle); else element.addEventListener(arguments.callee.browser.gecko ? 'DOMMouseScroll' : 'mousewheel', wheelHandle, false); } function wheelHandle(e) { var upcheck; if (e.wheelDelta) { upcheck = e.wheelDelta > 0 ? 1 : 0; } else { upcheck = e.detail < 0 ? 1 : 0; } if (upcheck) { myGraph.zoomIn(); } else { myGraph.zoomOut(); } if (window.event) { e.returnValue = http://www.mamicode.com/false;>PS:myGraph是一个全局变量,mxGraph的实例
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。