EN
Dieser Inhalt ist in Ihrer Sprache leider nicht verfügbar. Im Folgenden finden Sie die englische Version.

focus | onfocus event

Fires when the object receives focus.

HTML 4.01 Specification, Section 18.2.3

Syntax

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

Event information

SynchronousNo
BubblesNo
CancelableNo

Event handler parameters

pEvtObj [in]

Type: IHTMLEventObj

Standards information

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"> 
...

See also

a
abbr
acronym
address
applet
area
audio
b
bdo
big
blockQuote
button
canvas
caption
center
cite
custom
dd
del
dfn
dir
div
dl
document
dt
em
embed
fieldSet
font
form
frame
frameSet
hn
hr
i
iframe
img
input type=button
input type=checkbox
input type=email
input type=file
input type=hidden
input type=image
input type=number
input type=password
input type=radio
input type=range
input type=reset
input type=search
input type=submit
input type=tel
input type=text
input type=url
ins
isIndex
kbd
label
legend
li
listing
marquee
media
menu
object
ol
p
plainText
pre
q
rt
ruby
s
samp
select
small
source
span
strike
strong
sub
sup
table
tBody
td
textArea
tFoot
th
tHead
tr
tt
u
ul
var
video
window
xmp
Reference
blur
focus
onfocusin

 

 

Anzeigen:
© 2014 Microsoft