Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

Stopping events bubbling

Hi there,

I have a small ImageView that's been added to another, much larger ImageView. They both have 'click' event handlers. Is it possible to stop the clicks being handled by both handlers, the event seems to be bubbling up to the larger images handler even when it's the smaller one that's been clicked?



— asked November 11th 2010 by Toby Mathews
  • events
  • imageview
  • ipad

2 Answers

  • Ha, figured it out. In the first event handler I modify e.source in some arbitrary way and then look for this modification in the second. So something like this:

    // First event handler
    function firstClick(e) {
        e.source.myClick = true;
        // Rest of handler here...
    // Second event handler
    function secondClick(e) {
        if (!e.source.myClick) {
            // Rest of second handler here, only executes if firstClick hasn't...
    — answered November 11th 2010 by Toby Mathews
  • Toby

    I used to do something similar to you, where I would give every object its own name, ie myImage1.customName = 'nameOfimage1' and myImage2.customName = 'nameOfimage2', and then test for that name in my eventlisteners:

    if(e.source.customName === 'nameOfimage2'){
    // do something

    However, this is often not necessary, as the variable containing the proxy has the information you need:

    var win = Ti.UI.createWindow({});
    var image2 = Ti.UI.createImage({});
    win.addEventListener('click', function(e){
    if(e.source === image2){
    // do something

    Note that the principle works, but this code is just an example and hence has not been tested.

    — answered November 11th 2010 by Paul Dowsett
    1 Comment
    • Thanks, that also looks good although wouldn't work in my particular case.

      — commented November 11th 2010 by Toby Mathews
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.