Commit 1fb5a3f

committed

keyboard events

1 parent 71f5840 commit 1fb5a3fCopy full SHA for 1fb5a3f

File tree

+15

-16

lines changed

+15

-16

lines changed

Lines changed: 15 additions & 16 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`	`+ #box{`
	`12`	`+ height: 100px;`
	`13`	`+ width: 100px;`
	`14`	`+ background-color: blueviolet;`
	`15`	`+ cursor: pointer;`
	`16`	`+ }`
	`17`	`+`
	`18`	`+ </style>`
`8`	`19`	`</head>`
`9`	`20`	`<body>`
`10`	`21`
`11`		`- <button id="btn">click me</button>`
	`22`	`+ <div id="box" ondblclick="myFunc()"></div>`
`12`	`23`
`13`	`24`	`<script>`
`14`	`25`
`15`		`- let element = document.getElementById('btn');`
`16`		`-`
`17`		`- function click1(){`
`18`		`- console.log('click 1 is activated');`
`19`		`- }`
	`26`	`+ window.addEventListener('keydown' , cheakKey)`
`20`	`27`
`21`		`- function click2(){`
`22`		`- console.log('click2 is activated');`
	`28`	`+ function cheakKey(event){`
	`29`	`+ console.log(event.key)`
`23`	`30`	`}`
`24`		`-`
`25`		`- element.addEventListener('click' , click1);`
`26`		`- element.addEventListener('click' , click2);`
`27`		`-`
`28`		`- element.removeEventListener('click' , click2);`
`29`		`-`
`30`	`31`	`</script>`
`31`		`-`
`32`		`-`
`33`	`32`	`</body>`
`34`	`33`	`</html>`

Comments

(0)