Use keydown instead of the deprecated keypress (#306)

wbamberg · web-flow · commit 6f196ec0ad2a · 2025-07-04T17:00:09.000-04:00
diff --git a/fullscreen-api/main.js b/fullscreen-api/main.js
@@ -5,11 +5,11 @@ function startup() {
   const video = document.getElementById("video");
 
   // On pressing ENTER call toggleFullScreen method
-  document.addEventListener("keypress", function(e) {
-    if (e.key === 'Enter') {
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") {
       toggleFullScreen(video);
     }
-  }, false);
+  });
 }
 
 function toggleFullScreen(video) {
@@ -24,5 +24,3 @@ function toggleFullScreen(video) {
     }
   }
 }
-
-

Original file line number	Diff line number	Diff line change
`@@ -5,11 +5,11 @@ function startup() {`
`5`	`5`	`const video = document.getElementById("video");`
`6`	`6`
`7`	`7`	`// On pressing ENTER call toggleFullScreen method`
`8`		`- document.addEventListener("keypress", function(e) {`
`9`		`- if (e.key === 'Enter') {`
	`8`	`+ document.addEventListener("keydown", (e) => {`
	`9`	`+ if (e.key === "Enter") {`
`10`	`10`	`toggleFullScreen(video);`
`11`	`11`	`}`
`12`		`- }, false);`
	`12`	`+ });`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`function toggleFullScreen(video) {`
`@@ -24,5 +24,3 @@ function toggleFullScreen(video) {`
`24`	`24`	`}`
`25`	`25`	`}`
`26`	`26`	`}`
`27`		`-`
`28`		`-`