home HOME

HTML DOM
DOM HOME
DOM Intro
DOM Nodes
DOM Node Tree
DOM Node Access
DOM Node Info
DOM How To
DOM Reference
DOM Summary

DOM Examples
DOM Examples

DOM Objects
DOM Window
DOM Navigator
DOM Screen
DOM History
DOM Location

DOM Document

DOM Anchor
DOM Area
DOM Base
DOM Body
DOM Button
DOM Event
DOM Form
DOM Frame
DOM Frameset
DOM IFrame
DOM Image
DOM Input Button
DOM Input Checkbox
DOM Input File
DOM Input Hidden
DOM Input Password
DOM Input Radio
DOM Input Reset
DOM Input Submit
DOM Input Text
DOM Link
DOM Meta
DOM Object
DOM Option
DOM Select
DOM Style
DOM Table
DOM TableCell
DOM TableRow
DOM Textarea

Selected Reading
Web Statistics
Web Glossary
Web Hosting
Web Quality

W3Schools Forum

Helping W3Schools

pixels

HTML DOM Event Object


The event object gives you information about an event that has occurred.


Examples

Which mouse button was clicked?

What are the coordinates of the cursor?

What is the unicode of the key pressed?

What are the coordinates of the cursor, relative to the screen?

What are the coordinates of the cursor?

Was the shift key pressed?

Which element was clicked?

Which eventype occured?


Event Object

The Event object represents the state of an event, such as the element in which the event occurred, the state of the keyboard keys, the location of the mouse, and the state of the mouse buttons.

Events are normally used in combination with functions, and the function will not be executed before the event occurs!

IE: Internet Explorer, F: Firefox, O: Opera, W3C: World Wide Web Consortium (Internet Standard).

Event Handlers

New to HTML 4.0 was the ability to let HTML events trigger actions in the browser, like starting a JavaScript when a user clicks on an HTML element. Below is a list of the attributes that can be inserted into HTML tags to define event actions.

Attribute The event occurs when... IE F O W3C
onabort Loading of an image is interrupted 4 1 9 Yes
onblur An element loses focus 3 1 9 Yes
onchange The content of a field changes 3 1 9 Yes
onclick Mouse clicks an object 3 1 9 Yes
ondblclick Mouse double-clicks an object 4 1 9 Yes
onerror An error occurs when loading a document or an image 4 1 9 Yes
onfocus An element gets focus 3 1 9 Yes
onkeydown A keyboard key is pressed 3 1 No Yes
onkeypress A keyboard key is pressed or held down 3 1 9 Yes
onkeyup A keyboard key is released 3 1 9 Yes
onload A page or an image is finished loading 3 1 9 Yes
onmousedown A mouse button is pressed 4 1 9 Yes
onmousemove The mouse is moved 3 1 9 Yes
onmouseout The mouse is moved off an element 4 1 9 Yes
onmouseover The mouse is moved over an element 3 1 9 Yes
onmouseup A mouse button is released 4 1 9 Yes
onreset The reset button is clicked 4 1 9 Yes
onresize A window or frame is resized 4 1 9 Yes
onselect Text is selected 3 1 9 Yes
onsubmit The submit button is clicked 3 1 9 Yes
onunload The user exits the page 3 1 9 Yes

Mouse / Keyboard Attributes

Property Description IE F O W3C
altKey Returns whether or not the "ALT" key was pressed when an event was triggered 6 1 9 Yes
button Returns which mouse button was clicked when an event was triggered 6 1 9 Yes
clientX Returns the horizontal coordinate of the mouse pointer when an event was triggered 6 1 9 Yes
clientY Returns the vertical coordinate of the mouse pointer when an event was triggered 6 1 9 Yes
ctrlKey Returns whether or not the "CTRL" key was pressed when an event was triggered 6 1 9 Yes
metaKey Returns whether or not the "meta" key was pressed when an event was triggered 6 1 9 Yes
relatedTarget Returns the element related to the element that triggered the event No 1 9 Yes
screenX Returns the horizontal coordinate of the mouse pointer when an event was triggered 6 1 9 Yes
screenY Returns the vertical coordinate of the mouse pointer when an event was triggered 6 1 9 Yes
shiftKey Returns whether or not the "SHIFT" key was pressed when an event was triggered 6 1 9 Yes

Other Event Attributes

Property Description IE F O W3C
bubbles Returns a Boolean value that indicates whether or not an event is a bubbling event No 1 9 Yes
cancelable Returns a Boolean value that indicates whether or not an event can have its default action prevented No 1 9 Yes
currentTarget Returns the element whose event listeners triggered the event No 1 9 Yes
eventPhase Returns which phase of the event flow is currently being evaluated       Yes
target Returns the element that triggered the event No 1 9 Yes
timeStamp Returns the time stamp, in milliseconds, from the epoch (system start or event trigger) No 1 9 Yes
type Returns the name of the event 6 1 9 Yes



What do you want your Web site to do?

Ektron



Ektron’s new Extranet for Client Collaboration is designed to manage documents and timelines while facilitating collaboration among your internal and external project stake holders.
Ektron
Features include:

Client authentication using Ektron's robust membership module, allowing you to add, manage and notify your project stake holders
Project Status Dashboard allowing for visual navigation across all aspects of your project, efficiently and effectively from one single location
Wiki Scribble Pad for tracking major additions, changes or other related announcements for your project teams
Discussion forums and message boards to facilitate conversations within a non real-time environment
Integrated Document Management allowing you to maintain a complete history and audit trail of all documents that can affect the success of your project
Milestone Tracking with Outlook synchronization ensuring all your goals and deadlines are met
Public and Private Blogs for further extending communication across the team regarding status, feature creep or other external changes

See why there are 20,000+ Ektron integrations worldwide.

Click here to learn more, then request a live online demo or download a FREE TRIAL




diploma   

Get Your Diploma!

W3Schools' Online Certification Program is the perfect solution for busy professionals who need to balance work, family, and career building.

The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.

The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.


Jump to: Top of Page or HOME or Printer Friendly Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

Validate Validate W3C-WAI level A conformance icon W3Schools was converted to XHTML in December 1999
SITE SEARCH
 
About W3Schools
W3Schools Forum
dotnetbutton
Dynamic button image generation
WEB HOSTING
$15 Domain Name
Registration
Save $20 / year!
UK Domain Names
UK Web Hosting

Alojamiento Web
Buy UK Domain Names
Register Domain Names
Cheap Domain Names
Cheap Web Hosting
Best Web Hosting
Domain Name Registration
PHP MySQL Hosting
Top 10 Web Hosting
Web Hosting Providers
Web Hosting Company
WEB BUILDING
Convert HTML to XML
Website Templates
Flash Templates
Website Builder
Internet Business Opportunity
Custom Programming
Web Design Forum
Programming Forum
FREE Trial or Demo
Web Content Manager
Forms,Web Alerts,RSS
Free Thumbnail Maker
Free Video Tutorials
HTML Exam
SHOPPING
UK Wholesalers
UK Wholesale
Online Casinos
Batteries
ONLINE DEGREE
Advance Your Career
with Drexel University
Bachelor's & Master's
Tech Degrees ONLINE
US Web Design Schools
YELLOW PAGES
www.nettkatalogen.no
www.gulex.dk
www.gulex.se
www.gelbex.de

pixels