Commit dfaa0b8

committed

event bubbling in js

1 parent 98c7e63 commit dfaa0b8Copy full SHA for dfaa0b8

File tree

-25

lines changed

-25

lines changed

Lines changed: 4 additions & 25 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,30 +7,9 @@`
`7`	`7`	`<title>Document</title>`
`8`	`8`	`</head>`
`9`	`9`	`<body>`
`10`		`-`
`11`		`- <form action="">`
`12`		`-`
`13`		`- Name <input type="text" id="myInput">`
`14`		`- </form>`
`15`		`-`
`16`		`-`
`17`		`- <script>`
`18`		`-`
`19`		`- let x = document.getElementById('myInput');`
`20`		`-`
`21`		`- x.addEventListener('focus' , myFocusFunction);`
`22`		`- x.addEventListener('blur' , myBlurFuction);`
`23`		`- x.addEventListener('input' , function(){`
`24`		`- console.log(this.value);`
`25`		`- })`
`26`		`-`
`27`		`- function myFocusFunction(){`
`28`		`- x.style.background = 'yellow';`
`29`		`- }`
`30`		`-`
`31`		`- function myBlurFuction(){`
`32`		`- x.style.background = 'white';`
`33`		`- }`
`34`		`- </script>`
	`10`	`+`
	`11`	`+ <div id="myDiv">`
	`12`	`+`
	`13`	`+ </div>`
`35`	`14`	`</body>`
`36`	`15`	`</html>`

Comments

(0)