Commit 19a8154

committed

again event bubbling

1 parent c3e6032 commit 19a8154Copy full SHA for 19a8154

File tree

+16

-12

lines changed

+16

-12

lines changed

Lines changed: 16 additions & 12 deletions

Original file line number	Diff line number	Diff line change
`@@ -5,22 +5,26 @@`
`5`	`5`	`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
`6`	`6`	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
`7`	`7`	`<title>Document</title>`
	`8`	`+`
	`9`	`+ <style>`
	`10`	`+`
	`11`	`+ body{`
	`12`	`+ padding: 100px;`
	`13`	`+ background-color: cornsilk;`
	`14`	`+ }`
	`15`	`+`
	`16`	`+ #myDiv{`
	`17`	`+ padding: 50px;`
	`18`	`+ background-color: darkblue;`
	`19`	`+ }`
	`20`	`+`
	`21`	`+`
	`22`	`+ </style>`
`8`	`23`	`</head>`
`9`	`24`	`<body>`
`10`	`25`
`11`		`- <a href="https://www.google.com" id="anchor">click me</a>`
`12`	`26`	`<div id="myDiv">`
`13`		`- container`
	`27`	`+ <buttonid="btn">click me</button>`
`14`	`28`	`</div>`
`15`		`-`
`16`		`- <script>`
`17`		`-`
`18`		`- let link = document.getElementById('anchor');`
`19`		`-`
`20`		`- link.addEventListener('click' , function(e){`
`21`		`- console.log("link clicked....");`
`22`		`- e.preventDefault();`
`23`		`- })`
`24`		`- </script>`
`25`	`29`	`</body>`
`26`	`30`	`</html>`

Comments

(0)