focus | onfocus event (Windows)

This topic has not yet been rated - Rate this topic

Fires when the object receives focus.

Syntax

HTML Attribute	<element onfocus = "handler(event)">
Event Property	object.onfocus = handler;
addEventListener Method	object.addEventListener("focus", handler, useCapture)

Event information

Synchronous	No
Bubbles	No
Cancelable	No

Event handler parameters

pEvtObj [in]: Type: IHTMLEventObj

Standards information

HTML 4.01 Specification, Section 18.2.3

Remarks

Note Using the setActive method has no effect on document focus. Using the focus method on an individual element causes the element to gain focus and become the active element.

When one object loses activation and another object becomes the activeElement, the onfocus event fires on the object becoming the activeElement only after the onblur event fires on the object losing activation. Use the focus events to determine when to prepare an object to receive input from the user.

Elements cannot receive focus until the document is finished loading.

Sets focus to an object.

To invoke this event, do one of the following:

Click an object.
Use keyboard navigation.
Invoke the focus method.
Invoke the setActive method.

Examples

This example uses the onfocus event to make INPUT_text and label objects more accessible. When the INPUT_text object has focus, the onfocus event fires and the backgroundColor, fontSize, and fontWeight properties are changed to give the control more prominence.


...
<style type="text/css">
.normal {
	background-color: white;
	color: black;
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial;
}
.accessible {
	background-color: silver;
	font-weight: bold;
	font-size: 10pt;
}
</style>
<script type="text/javascript">
function fnSetStyle(){
   event.srcElement.className="accessible";
   var oWorkLabel=eval(event.srcElement.id + "_label");
   oWorkLabel.className="accessible";
}
</script>
<label for="oInput" class="normal" id="oInput_label">Enter some text</label>
<input type="text" class="normal" onfocus="fnSetStyle()" id="oInput"> 
...

focus | onfocus event