Home
About
Contact
Categories
Classic ASP (30 - Entries)
CSS (1 - Entry)
JavaScript (5 - Entries)
Databases (26 - Entries)
ASP.NET (25 - Entries)
Delphi (6 - Entries)
Windows Server Core (7 - Entries)
VMWare (1 - Entry)
Code Editing Tools (2 - Entries)
Linux (3 - Entries)
Dell Servers (15 - Entries)
Blog Entries
2025 (3 - Entries)
Bug Reports
(Bugs Fixed
CFFCS Coding Source
Please report any errors to the [
Contact
] page. Thank you.
Classic ASP (30)
CSS (1)
JavaScript (5)
Databases (26)
ASP.NET (25)
Delphi (6)
Windows Server Core (7)
VMWare (1)
Code Editing Tools (2)
Linux (3)
Dell Servers (15)
Tools
Format Your SQL Script
Minify your CSS
Resources
[View The Source Code For This Project]
JavaScript
How-To
Use the tab key in a textarea
HTML
Attention: Click in the textarea, then hit a key (Spacebar recommended) to activate Preview
.
You can edit the HTML and CSS in this demo.
Copy each field to a new file and save it to run this on your own system.
<!-- Click in this area and hit your Spacebar to activate the Textarea on your Right. Next, click in the Textarea and hit your [Tab] key. Type something, hit your [Tab] key again, and type something else. --> <style> #Mytextarea{ width:500px; height:10em; } </style> <textarea id="Mytextarea"> Hello, test this out here, just hit the tab key after each word. </textarea> <script> document.getElementById('Mytextarea').addEventListener('keydown', function(e) { if (e.key == 'Tab') { e.preventDefault(); var start = this.selectionStart; var end = this.selectionEnd; // set textarea value to: text before caret + tab + text after caret this.value = this.value.substring(0, start) + "\t" + this.value.substring(end); // put caret at the right position again this.selectionStart = this.selectionEnd = start + 1; } }); </script>
Preview
Tags
Use the tab key in a textarea
Event Listener
keydown function
HTML document
