<html dir="ltr" xmlns:mshelp="http://msdn.microsoft.com/mshelp"
xmlns:silverlightsdk="http://msdn.microsoft.com/silverlight" xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="online documentation, web online help, web help, chm2web" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="chm2web Standard 2.7 (unicode)" />
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<title>LostFocus Event</title>
<link rel="stylesheet" href="../../default.css" type="text/css" />
<script type="text/JavaScript" src="../../files/supply.js"></script>
<script type="text/JavaScript">
chmtop.c2wtopf.pageid = "reference/e_uielement_lostfocus.htm";
</script>
</head>
<body topmargin="0"><script type="text/JavaScript">
if (window.name != "content")
document.write(" <table width=\"100%\" bgcolor=\"#e1e1e1\"cellspacing=\"2\" cellpadding=\"0\" style=\"border-collapse: collapse; font-family: sans-serif; font-size: 14px; color: #000000; text-decoration: none; \"> <tr> <td align=\"center\" style=\"border-bottom: 2px solid gray\" > <br> Click <a href=\"../../index.html?page=source%2freference%2fe_uielement_lostfocus.htm\">here</a> to show toolbars of the Web Online Help System: <a href=\"../../index.html?page=source%2freference%2fe_uielement_lostfocus.htm\">show toolbars</a><br> </td></tr></table><br> ");
</script>
<!-- !chm2web! -->
<span id="sdkbannersection"></span>
<div class="tableSection"><span id="sdkbannersection"></span>
<table class="buttonbarshade" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</div>
<div class="tableSection"><span id="sdkbannersection"></span>
<table class="buttonbartable" cellspacing="0">
<tr id="hdr">
<td class="runninghead" nowrap="nowrap"><img src=
"../common/logo.png" height="21" alt="Silverlight SDK" />
</td>
</tr>
</table>
</div>
<p><span class="betaboilerplate"><font color="gray" pointsize="8.5"
face="Verdana">[This topic is pre-release documentation and is
subject to change in future releases. Blank topics are included as
placeholders.]</font></span>
</p>
<h1>LostFocus Event</h1>
<div id="mainSection">
<div id="mainBody">
<p>Occurs when an object loses focus.</p>
<div id="syntaxblock">
<table class="auto_syntaxtable" id="syntaxtable" style=
"width: 90%; background: #CCCCCC; border: none;">
<tr id="xamlSyntaxBlock">
<th class="syntaxblocklanguage" nowrap="nowrap" style=
"width: 150px; background: #EEEEEE; vertical-align: top;">XAML</th>
<td class="syntaxblockcode" style="background:white;">
<div class="codesyntax" style=
"font-family: 'Courier New', Courier, monospace;">
<<i>object</i> <b>LostFocus</b>="<i>eventhandlerFunction</i>"
.../></div>
</td>
</tr>
<tr id="scriptingSyntaxBlock">
<th class="syntaxblocklanguage" nowrap="nowrap" style=
"width: 150px; background: #EEEEEE; vertical-align: top;">
Scripting</th>
<td class="syntaxblockcode" style="background:white;">
<div class="codesyntax" style=
"font-family: 'Courier New', Courier, monospace;">[<i>token</i> =
]<i>object</i>.<b>addEventListener</b>(<b>"lostFocus"</b>,
<i>eventhandlerFunction</i>)</div>
</td>
</tr>
</table>
</div>
<div id="parametersection">
<h4>addEventListener Parameters</h4>
<div class="tableSection">
<table class="parametertable" id="table1">
<tr>
<td class="parametername"><i>token</i>
</td>
<td class="parameterdesc"><b>Integer</b>
<p>A token that is returned from the function, which you can
optionally retain as a variable. If you intend to call <a href=
"m_uielement_removeeventlistener.htm">RemoveEventListener</a> to
remove the handler, you will need this token.</p>
</td>
</tr>
<tr>
<td class="parametername"><i>eventhandlerFunction</i>
</td>
<td class="parameterdesc"><b>Object</b>
<p>The name of your event handler function as it is defined in
script. When used as an <i>addEventListener</i> parameter, quotes
around the function name are not required. See Remarks.</p>
</td>
</tr>
</table>
</div>
<h4>Event Handler Parameters</h4>
<div class="tableSection">
<table class="parametertable" id="table1">
<tr>
<td class="parametername"><i>sender</i>
</td>
<td class="parameterdesc"><b>Object</b>
<p>Identifies the object that invoked the event.</p>
</td>
</tr>
<tr>
<td class="parametername"><i>eventArgs</i>
</td>
<td class="parameterdesc"><b>Object</b>
<p>This parameter is always set to null.</p>
</td>
</tr>
</table>
</div>
</div>
<h4>Event Information</h4>
<p>Use the <b>LostFocus</b> event to specify actions when an object
loses focus.</p>
<p><b>Note</b> The <b>LostFocus</b> event can only be defined for
the root <a href="o_canvas.htm">Canvas</a> object in a Silverlight
plugin.</p>
<h4>Remarks</h4>
<p>You can also add handlers in script using a quoted string for
the event handler name:</p>
<div class="codesyntax" style=
"font-family: 'Courier New', Courier, monospace;">
object.addEventListener("lostFocus", "eventhandlerFunction")</div>
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
<a href=
"m_uielement_removeeventlistener.htm">RemoveEventListener</a>.
<p>The following XAML example shows <a href=
"e_uielement_gotfocus.htm">GotFocus</a> and <b>LostFocus</b> events
defined for the root <b>Canvas</b> object:</p>
<div class="snippetdistributor_codesnippet" id=
"events_reference_snip#EventsReferenceFocusEvents">
<div style="width: 99%;">
<table class="codeexampletable" style=
"border: 1px solid #999999; background: #CCCCCC; width: 99%;">
<tr>
<th class="codelanguagecell" style=
"background: #CCCCCC; text-align: left;">XAML</th>
</tr>
<tr>
<td class="codeblockcell" style=
"background: #e6e6e6; border: none;">
<pre class="codeblock" style=
"background: transparent; border: none; margin: 0px; padding: 0px; font-family:'Courier New', Courier, monospace;">
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
GotFocus="onGotFocus"
LostFocus="onLostFocus">
<TextBlock x:Name="myTextBlock" />
</Canvas>
</pre>
</td>
</tr>
</table>
</div>
</div>
<br />
<p>The following JavaScript example shows to implement
<b>GotFocus</b> and <b>LostFocus</b> event handler functions. In
this case, the text in the <b>TextBlock</b> changes opacity when
focus is received or lost:</p>
<div class="snippetdistributor_codesnippet" id=
"events_reference_snip#EventsReferenceFocusEventHandlers">
<div style="width: 99%;">
<table class="codeexampletable" style=
"border: 1px solid #999999; background: #CCCCCC; width: 99%;">
<tr>
<th class="codelanguagecell" style=
"background: #CCCCCC; text-align: left;">JavaScript</th>
</tr>
<tr>
<td class="codeblockcell" style=
"background: #e6e6e6; border: none;">
<pre class="codeblock" style=
"background: transparent; border: none; margin: 0px; padding: 0px; font-family:'Courier New', Courier, monospace;">
function onGotFocus(sender, eventArgs)
{
sender.findName("myTextBlock").Text = "got focus";
}
function onLostFocus(sender, eventArgs)
{
sender.findName("myTextBlock").Text = "lost focus";
}
</pre>
</td>
</tr>
</table>
</div>
</div>
<span id="appliestosection"></span>
<h4><span id="appliestosection">Applies To</span>
</h4>
<p><a href="o_uielement.htm">UIElement</a>
</p>
<span id="seealsosection"></span>
<h4><span id="seealsosection">See Also</span>
</h4>
<p><a href="e_uielement_gotfocus.htm">GotFocus</a>, <a href=
"../conceptual/silverlight_events.htm">Silverlight
Events</a></p></div>
</div>
<script type="text/JavaScript">
var fe = FindFrame("toc", top);
if ((fe != null) && (chmtop.c2wtopf.jstree != null)) {
if (chmtop.c2wtopf.FITEMS[chmtop.c2wtopf.pagenum] != chmtop.c2wtopf.pageid)
chmtop.c2wtopf.jstree.OpenTreeNode("source/" + chmtop.c2wtopf.pageid);
}
</script>
<!-- CHM2WEB -->
<!-- DO NOT DELETE OR MODIFY THIS CODE WITHOUT
WRITTEN PERMISSION OF A!K RESEARCH LABS -->
<table width="100%" cellspacing="0" cellpadding="0"
style="margin-top: 0pt; border-collapse: collapse;">
<tr> <td align="right" style="background-color:white; border-top: 1px solid gray;">
<a href="http://chm2web.aklabs.com" target="_blank" style="font-family: sans-serif; font-size: 11px; text-decoration: none;"><font color="gray">Converted from CHM to HTML with <b>chm2web Standard 2.7 (unicode)</b></font></a>
</td></tr></table>
<!-- /CHM2WEB -->
</body>
</html>