Tab keycode

pra__ · Jul 14, 2008

Hi,
I am developing a WYSIWYG editor using JS. I want to put in 4 spaces,
when a 'tab' key is pressed. I have this code, which does not work,
can anyone explain me about this.

<html>
<head>
<script>
function chk(e){
if (e.keyCode==9){
c = document.getElementById('code');
d = c.value ;
d = d + "\t";
// d = d+" " ;
c.innerHTML = d ;
//alert (d);
}
}
</script>
</head>

<body>
<textarea id="code" onkeydown="chk(event)" rows=20 cols=60></textarea>
</body>
</html>

Janwillem Borleffs · Jul 15, 2008

pra__ schreef:

I am developing a WYSIWYG editor using JS. I want to put in 4 spaces,
when a 'tab' key is pressed. I have this code, which does not work,
can anyone explain me about this.

Google for element.createTextRange

JW

Thomas 'PointedEars' Lahn · Jul 15, 2008

pra__ said:
I am developing a WYSIWYG editor using JS. I want to put in 4 spaces,
when a 'tab' key is pressed. I have this code, which does not work,

"Does not work" is a useless error description.

can anyone explain me about this.

<html>
<head>
<script>

Your markup is not Valid to begin with.

function chk(e){
if (e.keyCode==9){
c = document.getElementById('code');
d = c.value ;
d = d + "\t";
// d = d+" " ;
c.innerHTML = d ;

Appending the Tab character to the content of a `textarea' element will add
whitespace that is always interpreted as a single space in HTML. You should
modify the value of the `value' property instead:

c.value += "\t";

However, the Tab character is not uniformly rendered. If you want to put in
4 spaces, you should do exactly that:

c.value += " ";

And if it is your intention to insert 4 spaces at the caret position
instead, you should use your favorite search engine to look up the
corresponding FAQ entry. The suggested createTextRange() method will
only help with MSHTML, and the FAQ entry also is more verbose.

PointedEars

pra__ · Jul 16, 2008

"Does not work" is a useless error description.

Your markup is not Valid to begin with.

Appending the Tab character to the content of a `textarea' element will add
whitespace that is always interpreted as a single space in HTML. You should
modify the value of the `value' property instead:

c.value += "\t";

However, the Tab character is not uniformly rendered. If you want to put in
4 spaces, you should do exactly that:

c.value += " ";

And if it is your intention to insert 4 spaces at the caret position
instead, you should use your favorite search engine to look up the
corresponding FAQ entry. The suggested createTextRange() method will
only help with MSHTML, and the FAQ entry also is more verbose.

PointedEars
--
var bugRiddenCrashPronePieceOfJunk = (
navigator.userAgent.indexOf('MSIE 5') != -1
&& navigator.userAgent.indexOf('Mac') != -1
) // Plone, register_function.js:16

Got it, Thanks

focus method issue	2	Jul 14, 2008
Filename undefined for Blob ?	1	Oct 28, 2023
Two questions regarding event handler and keyCode	1	May 25, 2008
Song requests	4	Aug 16, 2023
In javascript, XML File Create, File Save	2	Jul 17, 2023
Problems with using event handlers for button and textarea input	1	Nov 29, 2021
Issue with textbox script?	0	Sep 5, 2022
Question on onkeypress or keyCode event trigger	1	Feb 29, 2008

Tab keycode

pra__

Janwillem Borleffs

Thomas 'PointedEars' Lahn

pra__

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads