Remarks

The MouseLeftButtonUp event is fired when the left mouse button is released when the mouse is over the object. When the mouse is depressed, the MouseLeftButtonDown event is fired. However, if the mouse if moved over another object when it is released, the object that received the MouseLeftButtonDown event will not receive the MouseLeftButtonUp event. There is no discrete double click event. A double click is simply two sequences of MouseLeftButtonDown and MouseLeftButtonUp events.

The MouseLeftButtonUp event is a bubbling event. This means that if there multiple MouseLeftButtonUp events defined for a tree of elements, the event is received by each object in the object hierarchy, starting with the object that directly receives the event and then bubbling to each successive parent element. The "bubbling" metaphor indicates that the event starts at the bottom and works its way up the object tree. For a bubbling event, sender in the arguments is the object where the event is handled, not necessarily the object that actually received the input condition that initiated the event.

You can also add handlers in script using a quoted string for the event handler name:

This syntax also returns a token; however, the token is not an absolute requirement for removing the handler, in cases where the handler was added by using a quoted string. For details, see RemoveEventListener.

Examples

The following XAML example illustrates bubbling and shows MouseLeftButtonUp events defined for a two Canvas and one TextBlock objects. In this case, if you release the mouse over the TextBlock object, it receives the MouseLeftButtonUp event. The event is then bubbled upward to the parent Canvas, and finally to the top-level Canvas object.

<!-- The TextBlock event occurs first. -->
<Canvas 
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  MouseLeftButtonUp="rootCanvasMouseLeftButtonUp">

  <Canvas Canvas.Left="20" Canvas.Top="20"
    MouseLeftButtonUp="canvasMouseLeftButtonUp">

    <TextBlock 
      x:Name="myTextBlock" 
      Canvas.Left="25" Canvas.Top="5"
      MouseLeftButtonDown="textMouseLeftButtonDown"
      FontSize="24"
      Text="Click me" />

  </Canvas>
</Canvas>

The following JavaScript example shows how to implement a MouseLeftButtonUp event handler function:

function rootCanvasMouseLeftButtonUp(sender, mouseEventArgs)
{
    // Set the TextBlock to display the mouse position.
    sender.findName("myTextBlock").text = "x = " + mouseEventArgs.getPosition(null).x + "  y = " + mouseEventArgs.getPosition(null).y ;
}

Applies To

Canvas, Ellipse, Glyphs, Image, InkPresenter, Line, MediaElement, Path, Polygon, Polyline, Rectangle, TextBlock

See Also

Silverlight Events
Silverlight Mouse Support
MouseEnter
MouseLeave
MouseLeftButtonDown
MouseMove
GetPosition