Create Custom Events in MooTools 1.2

Discussion

1. jem

   I use custom events in a lot of the classes i write. more complex tools i tend to break into multiple classes… like a slideshow might have a SlideShowManager class, and then it manages instances of a SlideClass. The Slide class will take the “controller” as an argument in its init function, and i have slides listen to custom events that the controller fires. I’ve found this helps keep the flow of the tool a lot cleaner and leaves less room for weird glitches or unusual logic… The manager might do something like this in a function:

   this.fireEvent(‘onSlideSelect’, [slideId, blah, blah])

   The slides that are listening can identify if they need to respond by comparing their ID to the slideId thats passed.
2. adamnfish

   I might be missing something obvious but it doesn’t seem to work in OSX.
3. jerome

   he’s right, it doesn’t work on OSX david ! :(
4. David Walsh

   Thanks for the update guys. I wonder if it has something to do with Mac’s “option” key. I don’t develop on Macs — I’ll look for a solution though!
5. adamnfish

   Yeah, OSX doesn’t pass the ctrlKey property of an event ever so if event.control is reading from that directly it won’t work. A cross browser implementation would probably need to listen for the keycode of ctrl and set the event’s ctrlKey property to true if it is down.

   That would mean listening for key presses on the whole document though, so it wouldn’t be worth it unless you really needed the functionality.

   ps. altKey seems to work fine!
6. David Walsh

   @adamnfish: Thanks. I’ve changed to the ALT key and it works perfectly. I’ll research the “control” issue further. Someone metioned that control-click is the same as right-click on a Mac, but I’ve yet to verify.
7. olivier

   Element.Events.konami = {
       base: 'keyup',
       condition: function(e){
           $clear(this.retrieve('konami_timeout'));
           var input = this.retrieve('konami_input',[]);
           input.push(e.key);
           if (input.join(',') == "up,up,down,down,left,right,left,right,b,a,enter"){
               this.removeEvents('konami');
               return true;
           }
           this.store('konami_input',input).store('konami_timeout',(function(){this.eliminate('konami_input');}).delay(2000,this));
       }
   };
   
8. Daniel Steigerwald

   Hi David, you have to check meta key for mac. Another event extension:

   Event.implement({
       uberControlPressed: function() {
           return Browser.Platform.mac ? this.meta : this.control;
       }
   });
9. David Walsh

   Awesome Daniel!
10. Linnk

    Nice, but ALT+click does not work on Linux LOL! I know, is very hard to write scripts crossbrowser. The problem is not Linux exactly, is because ALT+Click is an event for Drag&Drop the windows on the Gnome Desktop from any part of these. I do not know if this happens too on KDE.

    But, I tested with control key and works fine. Nice tip David, I’m gonna put it on the practice right now.
11. jerome

    David, it work now on macOSX with firefox3 and the Alt-Click :)
12. David Walsh

    olivier: Awesome!
13. Daniel Lang

    Hi David,

    There is a conflict between your alt+click and FlashGet Download Manager.