In my project, I have a large container with a handler for taps. Inside this container, I also have a button. My goal is to handle all taps on the background container UNLESS the user clicks on the button. Unfortunately, when I click on the button, it fires both the click handler on the button AND the tap handler for the container.
Here’s some example XAML:
<Grid Width="250" Height="250" Fill="Red" Tapped="Container_Tapped"> <Button Click="Button_Clicked"> <Rectangle Width="20" Height="20" Fill="Blue" /> </Button> </Grid>
Is there a way to handle the tap event on the button to prevent it from bubbling to the container? Any other ideas?
Container_Tapped event handler you could check the RoutedEventArgs.OriginalSource Property. If
e.OriginalSource is a descendant of your button do nothing.
For that Visual.IsDescendantOf Method could be helpful.
Here’s a dynamic way to do it in Win RT, without needing to know the exact name of the button (useful if you have a pile of buttons to work with, such as when databinding!)
' Verify that the sender is not a button (or one of its children) If Not e.OriginalSource.Equals(sender) Then Dim parentObj = VisualTreeHelper.GetParent(e.OriginalSource) Do While Not parentObj.Equals(sender) If TypeOf parentObj Is Button Then Return parentObj = VisualTreeHelper.GetParent(parentObj) Loop End If