http:\/\/etcs.ru\/blog\/as3\/mousewheel_v11_update\/<\/a>
\nSecond, adding JS function that listens to mouseWheel event and passes it to Flash via ExternalInterface (DOM).Each browser needs its own function because of the differences in the event object.<\/p>\nFor efficiency my implementation is testing the browser user agent on the server (PHP) and writing the correct JS function to support the mouseWheel event on that browser.<\/p>\n
The JS functions are as follows:<\/p>\n
\nWindows:Firefox:<\/strong><\/p>\nwindow.addEventListener(\"DOMMouseScroll\", handleWheel, false);
\nfunction handleWheel(event)
\n{
\nvar app = swfobject.getObjectById(\"FLASH_OBJECT_ID\");
\nvar _x = event.clientX;
\nvar _y = event.clientY;
\nvar _delta = event.detail;<\/code><\/p>\nif (app) {
\nvar o = {x: _x, y: _y, delta: _delta, ctrlKey: event.ctrlKey, altKey: event.altKey, shiftKey: event.shiftKey};
\napp.handleWheel(o);
\n}
\nevent.preventDefault();<\/p>\n
}<\/code><\/div>\n<\/p>\n
\nWindows:Chrome:<\/strong><\/p>\nwindow.addEventListener (\"mousewheel\", handleWheel, false);
\nfunction handleWheel(event)
\n{
\nvar app = window.document[\"${application}\"];
\nvar _x = event.screenX;
\nvar _y = event.screenY;
\nvar _delta = event.wheelDelta * 4;
\nif (app) {
\nvar o = {x: _x, y: _y, delta: _delta, ctrlKey: event.ctrlKey, altKey: event.altKey, shiftKey: event.shiftKey};
\napp.handleWheel(o);
\n}
\n}<\/code><\/div>\n<\/p>\n\nMac:Safari:<\/strong><\/p>\nwindow.onmousewheel = deltaDispatcher;
\nfunction deltaDispatcher(event)
\n{
\nvar app = swfobject.getObjectById(\"FLASH_OBJECT_ID\");
\nvar _delta = event.wheelDelta\/60;
\nvar _x = event.screenX;
\nvar _y = event.screenY;
\nif (app) {
\nvar o = {x: _x, y: _y, delta: _delta, ctrlKey: event.ctrlKey, altKey: event.altKey, shiftKey: event.shiftKey};
\napp.handleWheel(o);
\n}
\nif(event.preventDefault)event.preventDefault();
\n}<\/code><\/div>\n<\/p>\n\nAnd in Flash AS main class:<\/p>\n
import utils.MouseWheel;<\/code><\/div>\n<\/p>\n\nAfter added to stage add these:<\/p>\n
ExternalInterface.addCallback(\"handleWheel\", handleWheel);
\nstage.addEventListener(Event.ACTIVATE, flashActive);
\nstage.addEventListener(Event.DEACTIVATE, flashDeactive);<\/code><\/div>\n<\/p>\n\nAnd finally, add these fundtions:<\/p>\n
private function handleWheel(event:Object) : void
\n{
\nvar obj : InteractiveObject = null;
\nvar mousePoint : Point = new Point(stage.mouseX, stage.mouseY);
\nvar objects : Array = stage.getObjectsUnderPoint(mousePoint);<\/p>\nfor (var i : int = objects.length - 1; i >= 0; i--) {
\nif (objects[i] is InteractiveObject) {
\nobj = objects[i] as InteractiveObject;
\nbreak;
\n}
\nelse {
\nif (objects[i] is Shape && (objects[i] as Shape).parent) {
\nobj = (objects[i] as Shape).parent;
\nbreak;
\n}
\n}
\n}<\/p>\n
if (obj) {
\nvar mEvent : MouseEvent = new MouseEvent(MouseEvent.MOUSE_WHEEL, true, false,
\nmousePoint.x, mousePoint.y, obj,
\nevent.ctrlKey, event.altKey, event.shiftKey,
\nfalse, Number(event.delta));
\nobj.dispatchEvent(mEvent);
\n}
\n}
\nprivate function flashActive(event:Event):void
\n{
\nMouseWheel.capture();
\n}
\nprivate function flashDeactive(event:Event):void
\n{
\nMouseWheel.release();
\n}
\n<\/code><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Cut a long story short – took me a long time to find a solution to support Flash MouseWheel on all browsers, Windows AND Mac. You can see this live here: http:\/\/www.pairhaps.com This solution is a combination of two technics, and as of today (March...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,16,23],"tags":[],"_links":{"self":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/368"}],"collection":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":0,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/posts\/368\/revisions"}],"wp:attachment":[{"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/media?parent=368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/categories?post=368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/todepoint.com\/blog\/wp-json\/wp\/v2\/tags?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}