event bubbling vs capturing

target element with a dependency to the most indeterminate target element. Bubbling technology. The basic idea of bubbling events, Events are based on the target of the most uncertain event, starting from a specific event target.Capture-type events (event

Trigger a certain type of event on an object (such as clicking an onclick event). If this object defines the event handler, this event will call this handler, if the event handler is not defined or the event returns true, the

Early events, as a means of sharing server computing load, are specific interactions that occur in real documents or browser windows, such as click Buttons, drag and drop files, and so on. We can use listeners to schedule events and respond when an event is released, a pattern called the Observer model. Event FlowThe event flow is the order in which events are re

Although proficient in jquery, but not very familiar with its prototype JavaScript, recently encountered some difficulties in learning JavaScript, such as bubbling and capturing, many times mentioned, but do not know exactly where to apply. Find some good articles for your doubts, and share them here.I. Order of occurrence of eventsThe origin of this problem is very simple, assuming you have another element

Stop event bubblingfunction Stopbubble (e) { //If an event object is provided, this is a non-ie browser if (e e.stoppropagation) { // So it supports the Stoppropagation () method e.stoppropagation (); } else { //Otherwise, we need to use IE to cancel event bubbling Window.event.c

div id="outer"> p id="inner">Click me!p>div>Event bubblingMicrosoft has proposed an event stream called event bubbling. Time bubbling means that events start from the most inner element and propagate upward until the document object.So the above example takes place under

() {//Console.log (document.body.clientWidth);// } functionReturntar () {vare=e||window.event; varTarget=E.target||e.srcelement; returntarget.className.toLowerCase (); } varhh=Document.getelementsbyclassname ('H11')[0]; varBox=Document.getelementsbyclassname ('Box')[0]; varcontent=Document.getelementsbyclassname ('content')[0]; Hh.addeventlistener ('Click', function() {Console.log ("Small bubble target:" +Returntar ()); }, false); Hh.addeventlistener ('Click', function() {C

Events-how to use events and what are the main differences between the IE and DOM event models, a friend you need to refer to(1) Bubbling event: The event is triggered in the order from the most specific event target to the least specific

") alert ("outer _ bubble");} function m_click_ B () {console. log ("middle _ bubble") alert ("middle _ bubble");} function I _click_ B () {console. log ("inner _ bubble") alert ("inner _ bubble");} script When we click inner, the result is: Outer _ capture Middle _ capture Inner _ capture Inner _ bubble Middle _ bubble Outer _ bubble It can be seen that the event is captured first from the external event