html_pack

This is HTML Quick-Start Pack For Start A New Project.

js-keycodes-demo

👋 Hey there! Get to know all about the key events just with a key stroke.

🚀 Live demo

The app is deployed using Vercel and Netlify. You can play around with it from here,

• https://js-keyevents-demo.vercel.app/
• https://keyevents.netlify.app/

Optionally, you can also play around with it from here, https://stackblitz.com/edit/js-keycodes?file=index.js

👍 Want to Motivate?

Thanks for your time to reading this. Feel free to clone/fork/improve. Who doesn't want motivations? Give the project a star(⭐) if you liked the work.

Many Thanks to all the Stargazers who has supported this project with stars(⭐)

🖮 A List of Key Codes

Click Here to see the list of key codes.

🏃🏿‍♂️ How to run the project locally?

• Clone the project to a local directory.
• Browse to the project folder, js-keyevents-demo.
• Use the npx serve command to run the server.
• Now you can access the app @ http://localhost:5000

Note: You must have Node.js v12.x or higher installed. Optionally, you can also deploy this app to any other web/app servers like tomcat, express, etc. and run.

🖮 Key Code List

• event.which is legacy(or outdated)
• The event.code value is same for small letters(a) and capital letters(A). Hoever the event.key value represents the actual letter.
• The event.which value is different in Firefox(FF) and any other browsers for the keys, equal(=), semicolon(;), and dash/minus(-)

Key Name	event.which	event.key	event.code	Notes
backspace	8	Backspace	Backspace
tab	9	Tab	Tab
enter	13	Enter	Enter
shift(left)	16	Shift	ShiftLeft	event.shiftKey is true
shift(right)	16	Shift	ShiftRight	event.shiftKey is true
ctrl(left)	17	Control	ControlLeft	event.ctrlKey is true
ctrl(right)	17	Control	ControlRight	event.ctrlKey is true
alt(left)	18	Alt	AltLeft	event.altKey is true
alt(right)	18	Alt	AltRight	event.altKey is true
pause/break	19	Pause	Pause
caps lock	20	CapsLock	CapsLock
escape	27	Escape	Escape
space	32		Space	The event.key value is a single space.
page up	33	PageUp	PageUp
page down	34	PageDown	PageDown
end	35	End	End
home	36	Home	Home
left arrow	37	ArrowLeft	ArrowLeft
up arrow	38	ArrowUp	ArrowUp
right arrow	39	ArrowRight	ArrowRight

Here is an example of JavaScript(.js) file.

/*
 © Copyright 2020 tapasadhikary.com or one of its affiliates.
 * Some Sample Copyright Text Line
 * Some Sample Copyright Text Line
 * Some Sample Copyright Text Line
 * Some Sample Copyright Text Line
 * Some Sample Copyright Text Line
 * Some Sample Copyright Text Line
*/

const test = () => {
	console.log('test');
}

test();

To Run this on your Source Code

• Clone the project. This project comes with a script file called addcopyright.sh and few test files to test out things before you feel comfortable to try it on your source code.
• Browse to the folder where you have cloned the project.
• Change directory to add-copyright folder.
• Open a shell or Gitbash or any unix command supported prompt.
• Execute this command:

   export COPYRIGHTLEN=`wc -l copyright.txt | cut -f1 -d ' '`
  

  The above command will set some variable value that will be used by the addcopyright.sh script.
• Execute the following command to add the copyright/license text from the copyright.txt to your source code:

   find <SOURCE_CODE_DIRECTIRY> -type d -name "<EXCLUDE_DIRECTORY>" -prune -o -name "*.js" -print0 | xargs -0 ./addcopyright.sh
  

  Where the <SOURCE_CODE_DIRECTIRY> is the path of your source code. Where the <EXCLUDE_DIRECTORY> is the directory to exclude if it exists under <SOURCE_CODE_DIRECTIRY> for updating the Copyright information.