Commit c0f6f32

committed

input event in js

1 parent 3a1c0a1 commit c0f6f32Copy full SHA for c0f6f32

File tree

+18

-19

lines changed

+18

-19

lines changed

Lines changed: 18 additions & 19 deletions

Original file line number	Diff line number	Diff line change
`@@ -5,30 +5,29 @@`
`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`		`- height: 300vh;`
`13`		`- }`
`14`		`- </style>`
`15`	`8`	`</head>`
`16`	`9`	`<body>`
`17`	`10`
	`11`	`+ <form action="">`
	`12`	`+`
	`13`	`+ Name <input type="text" id="myInput">`
	`14`	`+ </form>`
	`15`	`+`
	`16`	`+`
`18`	`17`	`<script>`
`19`	`18`
`20`		`- window.addEventListener('scroll' , function(){`
`21`		`-`
`22`		`- if(window.pageYOffset > 200)`
`23`		`- {`
`24`		`- document.body.style.backgroundColor = 'red';`
`25`		`- }`
`26`		`- else`
`27`		`- {`
`28`		`- document.body.style.backgroundColor = 'white';`
`29`		`- }`
`30`		`- })`
	`19`	`+ let x = document.getElementById('myInput');`
	`20`	`+`
	`21`	`+ x.addEventListener('focus' , myFocusFunction);`
	`22`	`+ x.addEventListener('blur' , myBlurFuction);`
	`23`	`+`
	`24`	`+ function myFocusFunction(){`
	`25`	`+ x.style.background = 'yellow';`
	`26`	`+ }`
	`27`	`+`
	`28`	`+ function myBlurFuction(){`
	`29`	`+ x.style.background = 'white';`
	`30`	`+ }`
`31`	`31`	`</script>`
`32`		`-`
`33`	`32`	`</body>`
`34`	`33`	`</html>`

Comments

(0)