topic Event Propagation - bubbling in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-bubbling/m-p/284278#M26215 <HTML><HEAD></HEAD><BODY><SPAN>Hi Folks,</SPAN><BR /><SPAN>There's a lot of help on connecting or disconnecting dojo events&nbsp; been through most but I'm still having issues with stopping a map.graphics.clear () event bubbling over. I have tried disconnecting it in several places in the "pan" case as well as tried several approaches but it just wouldn't stop bubbling... any help welcome. cheers</SPAN><BR /><BR /><PRE class="plain" name="code"> function changeCursor(cursors) { &nbsp;&nbsp;&nbsp; var clrGrph = dojo.connect(map, "onMouseUp", function(event) { map.graphics.clear(); event.stopPropagation(); }); &nbsp;&nbsp;&nbsp; //dojo.disconnect(clrGrph); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; switch (cursors) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case "pan": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph);// not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("you"); //responds &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndopen.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; down = dojo.connect(map, "onMouseDown", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph);// not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndclosed.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseUp", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph); // not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndopen.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case "extract_d": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //dojo.connect(clrGrph); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseDown", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseUp", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(clrGrph); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break; } } </PRE><DIV style="display:none;"> </DIV></BODY></HTML> Thu, 16 Sep 2010 20:40:47 GMT AlexanderAnkrah 2010-09-16T20:40:47Z Event Propagation - bubbling https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-bubbling/m-p/284278#M26215 <HTML><HEAD></HEAD><BODY><SPAN>Hi Folks,</SPAN><BR /><SPAN>There's a lot of help on connecting or disconnecting dojo events&nbsp; been through most but I'm still having issues with stopping a map.graphics.clear () event bubbling over. I have tried disconnecting it in several places in the "pan" case as well as tried several approaches but it just wouldn't stop bubbling... any help welcome. cheers</SPAN><BR /><BR /><PRE class="plain" name="code"> function changeCursor(cursors) { &nbsp;&nbsp;&nbsp; var clrGrph = dojo.connect(map, "onMouseUp", function(event) { map.graphics.clear(); event.stopPropagation(); }); &nbsp;&nbsp;&nbsp; //dojo.disconnect(clrGrph); &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; switch (cursors) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case "pan": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph);// not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("you"); //responds &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndopen.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; down = dojo.connect(map, "onMouseDown", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph);// not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndclosed.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseUp", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.disconnect(clrGrph); // not responding &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/hndopen.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case "extract_d": &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //dojo.connect(clrGrph); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseDown", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(map, "onMouseUp", function(evt) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.connect(clrGrph); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dojo.byId("Map_Panel_layers").style.cursor = "url('images/cursors/extractData1.cur'),crosshair"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break; } } </PRE><DIV style="display:none;"> </DIV></BODY></HTML> Thu, 16 Sep 2010 20:40:47 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-bubbling/m-p/284278#M26215 AlexanderAnkrah 2010-09-16T20:40:47Z Re: Event Propagation - bubbling https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-bubbling/m-p/284279#M26216 <HTML><HEAD></HEAD><BODY><SPAN>Sorted.The cases obviously didn't do the trick. Bizarrely the&nbsp; Map.graphics.clear() worked as expected under an onDrawEnd event! Strange!</SPAN></BODY></HTML> Tue, 21 Sep 2010 07:09:47 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/event-propagation-bubbling/m-p/284279#M26216 AlexanderAnkrah 2010-09-21T07:09:47Z