blur | onblur event
Fires when the object loses the input focus.
![]() |
Syntax
| HTML Attribute | <element onblur = "handler(event)"> |
|---|---|
| Event Property | object.onblur = handler; |
| attachEvent Method | object.attachEvent("onblur", handler) |
| addEventListener Method | object.addEventListener("blur", 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
The onblur event fires on the original object before the onfocus or onclick event fires on the object that is receiving focus. Where applicable, the onblur event fires after the onchange event.
Use the focus events to determine when to prepare an object to receive or validate input from the user.
As of Microsoft Internet Explorer 5, you must set the tabIndex attribute of elements that expose the onblur event.
For Internet Explorer 5 and later, the onblur event is asynchronous.
Switches focus away from the object on which the event is fired.
To invoke this event, do one of the following:
- Click the mouse on the document background or another control.
- Use the keyboard to navigate from one object to the next.
- Invoke the blur method when an object has focus.
- Switch focus to a different application or open a second window.
The pEvtObj parameter is required for the following interfaces:
- HTMLAnchorEvents2
- HTMLAreaEvents2
- HTMLButtonElementEvents2
- HTMLControlElementEvents2
- HTMLDocumentEvents2
- HTMLElementEvents2
- HTMLFormElementEvents2
- HTMLImgEvents2
- HTMLFrameSiteEvents2
- HTMLInputFileElementEvents2
- HTMLInputImageEvents2
- HTMLInputTextElementEvents2
- HTMLLabelEvents2
- HTMLLinkElementEvents2
- HTMLMapEvents2
- HTMLMarqueeElementEvents2
- HTMLObjectElementEvents2
- HTMLOptionButtonElementEvents2
- HTMLScriptEvents2
- HTMLSelectElementEvents2
- HTMLStyleElementEvents2
- HTMLTableEvents2
- HTMLTextContainerEvents2
- HTMLWindowEvents2
- HTMLDocumentEvents4
Examples
This example shows how to display the name of the object that has lost focus, that is, the object that fires the onblur event.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/onblurEX.htm
<html> <body> <input type="text" name="txtFName" value="First Name" onblur="console.log(event.srcElement.name)"> <input type="text" name="txtLName" value="Last Name" onblur="console.log(event.srcElement.name)"> <input type="text" name="txtPhone" value="Phone" onblur="console.log(event.srcElement.name)"> </body> </html>
See also
- a
- abbr
- acronym
- address
- applet
- area
- audio
- b
- bdo
- big
- blockQuote
- button
- canvas
- caption
- center
- cite
- code
- 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=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
- option
- 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
- window
- xmp
- Reference
- blur
- focus
- onfocusout
