Js-Event Object

Event Object：

　　An object is generated when a DOM event is triggered

Events Object Event:
　　1) Type: Get event Type
2) Target: Get event target
3) Stoppropagation (): Block event bubbling
4) Preventdefault (): Block event default behavior

    <DivID= "Div">        <ButtonID= "BTN">Button</Button>        <ahref= "Www.baidu.com"ID= "Aid">Baidu</a>    </Div>    <Script>document.getElementById ("btn"). AddEventListener ("Click", show); //only the button event is required, but the div that contains the button is also executed, and event bubbling occurs .document.getElementById ("Div"). AddEventListener ("Click", Show1); document.getElementById ("Aid"). AddEventListener ("Click", Show2); functionShow (event) {//alert (event.type);//clickalert (event.target);//[Object Htmlbuttonelement]event.stoppropagation ();//Block Event bubbling        }        functionShow1 () {alert ("Here is Div"); }        functionShow2 (Event) {Event.preventdefault ();//prevent Hyperlinks from default jump behaviorevent.stoppropagation ();//prevents the event from bubbling, otherwise show1 () will execute again        }    </Script>

Js-Event Object