Home > Others

[DOM Event Learning] Section 2 concept comb what is event DOM events

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

[DOM Event Learning] section 2 concept comb what is event DOM events Eventsevent is used to inform the code that something interesting has happened.each event is represented by an event object, which may have some custom fields or methods to get more information about what's going on.the event object implements the event interface (https://developer.mozilla.org/en-US/docs/Web/API/Event). events can be anything from the most basic user interaction to something that happens automatically in the rendering model.There are some standard events in the official specification, and there are internal events that are used by specific browsers.Various events can be consulted: https://developer.mozilla.org/en-US/docs/Web/Events  Event Handlersto be notified when an event occurs, such as when a tag is clicked, you can specify an event handler for the object.Specify the method:1. Use an HTML attribute with the element name On{eventtype}, for example: 
<onclick= "return Handleclick (event);" >

2. Select an element with JavaScript and set the corresponding OnXxx attribute, for example: 
function (event) {...}.

a more modern browser can be used with the AddEventListener () method: https://developer.mozilla.org/en-US/docs/Web/API/ Eventtarget/addeventlistener 　　However, this method is not compatible with IE9 before the browser.If you use jquery to register for monitoring, the framework will help us deal with browser compatibility issues.specific types of registration monitoring methods, the last blog post has a summary: http://www.cnblogs.com/mengdd/p/4354339.html event handler can be set on HTML elements or on other objects that generate events, such as window, document, XMLHttpRequest and so on. for historical reasons, some <body> and <frameset> properties actually set the event handler on their window object.For example:onblur, OnError, onfocus, onload, onscroll.   Event Objectwhen the time is triggered, the callback method receives an event object as a parameter.So when you're dealing with it, you know what the current event (type) is, its target, and the associated event arguments.an event is an interface that has some common properties and methods.A variety of specific event interfaces (such as MouseEvent, KeyboardEvent) are subclasses of the event. event Attribute list: Https://developer.mozilla.org/en-US/docs/Web/API/Event#Properties in the method of the event object: event.stoppropagation () prevents further propagation of the current event.　　 Event.preventdefault () cancels events that can be canceled, but does not prevent further propagation of the event.　　 preventdefault () is used to prevent some default behavior from occurring.　　  References:doc:https://dvcs.w3.org/hg/dom3events/raw-file/tip/html/dom3-events.htmlEvent Developer guide:https://developer.mozilla.org/en-us/docs/web/guide/eventsLearn JQuery events:http://learn.jquery.com/events/Mozilla Event reference:https://developer.mozilla.org/en-us/docs/web/eventsEvent handler:https://developer.mozilla.org/en-us/docs/web/guide/events/event_handlers  

Blog post: http://chajn.org/project/javascript-events-responding-user/

[DOM Event Learning] Section 2 concept comb what is event DOM events

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
dom event event id 2 what event object what xml dom what dom object what dom parser

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More