3232

this is great stuff man..thanks alot

-Nabeel
http://www.nabeelakhtar.net

Great article but would have been better if covered how to fire a server side event after catching the keypress.

Excellent article, nice example, but there is a little problem, I tried the code in Opera 8 and the Arrow Down case didn't work out, for the rest of cases, works perfect

Article is Fantastic, and helped me alot!!
Thx!

Article is Fantastic, and helped me alot!!
Thx!

Good enough and working !
Thanks.

very goood article. Can i make it like two key at a time. I mean ALT+T

Thanks bro..
This script is really helping me in windows but can u help me again cause i'm using mozilla firefox in linux fedora4 environment..The script doesn't working here..

RE: Puneet Sehgal (Aug 31 2005 - 06:24: Great article but would have been better if covered how to fire a server side event after catching the keypress.) try;-

document.location="mydoc.htm?key=keyID";

for multi key try this

document.onkeydown = KeyCheck;
document.onkeyup = KeyMod;
var ctrlKey = false;
var altKey = false;
function KeyMod(e){
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 17:
ctrlKey = false;
break;
case 18:
altKey = false;
break;
}
}
function KeyCheck(e){
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 17:
ctrlKey = true;
break;
case 18:
altKey = true;
break;
case 46:
del();
break;
case 45:
add();
break;
case 83:
if(ctrlKey){
update();}
break;
}
}

hi sir,
i am getting problem in javascript . how to restrict the paste string in the textbox(for javascript code) .can u pls explain me.

If you ever need a element level multi-browser key press check you can do the following:

function KeyPress(e, field)
{
var oEvent = window.event ? window.event : e;

//oEvent.keyCode checks go here
//the following example clears the input box when pressed
//the Tab key

if (oEvent.keyCode == 9)
field.value = '';
}

The HTML would look like this:
<input type="text" name="test" onkeyup="KeyPress(event, field);">

The first parameter is important, because it's the keyboard event object for the current event. Happy coding.

Well, didn't know that this site has HTML parsing in comments.
So once again, the HTML would look like this:

<input type="text" name="test" onkeyup="KeyPress(event, field);">

Cheers. ;)

Very Good Code, can you please suggest javascript code that can capture multi events such as ALT+LeftArrow.

How do I capture the default things like Backspace?
backspace has value 8 but case: 8 does noet work, it still goes back a page...

sld




sdfsd
sdf
sdf
sdf

sdfs
sdf

sdadasd

that is excellent.but i am a beginner with java and i would like to know if i could use java and the press key event to control my flash movies.for instance by pressing the spacebar to stop and begin a flash movie.if someone has the answer i would be very happy if it could be posted here...many many thanks

Good1

Its very nice code
Thanks

Your example works great in IE, but does nothing in firefox

has anyone else seen this problem?

Fools

hdg

How about a way to make this work.?
Javascript to send back Alt+Down Arrow for opening a dropdownlist with enter.

if (event.keycode==13)
{
event.altkey=true;
event.keycode=40;
}
Any Ideas / Help??

The article is great!!. But if you move the javascript code to a separate .js file and reference it, it does not work. This happens only in case of firefox. Let me know if you all find anything around this.

4444444444444444444444444444444444444444

e

Very good and simple code. It works perfectly. I am using internet explorer,
How do I capture F1 (function key F1) key press to show my own help rather than internet explorer help? Thanking you in advance.

Regards,
Lingappa

Nice Article!!!! i need a code which could move a icon in the page somethin like a star * to move rit when it in keyboard we press arrow rit or left respectively....thks ...

what about the BACK SPACE key, can you please add it also?

Thanks.

Easy stuff - To all the people asking for the codes for other characters, use this script to output the keyID for various keys. Run the script, press the key you want the keyID for, and the alert will tell you the keycode, just create a new case for the keycode.

<script type="text/javascript">
document.onkeyup = KeyCheck;


function KeyCheck(e)

{


var KeyID = (window.event) ? event.keyCode : e.keyCode;


switch(KeyID)

{

case 112:

alert("nothing!!");

}

}
</script>




Also, i'm looking for a way to cancel the request to the browser help on F1 press, so i can show my own help. Any ideas?

ah sorry, that should have been:

<script type="text/javascript">
document.onkeyup = KeyCheck;


function KeyCheck(e)

{


var KeyID = (window.event) ? event.keyCode : e.keyCode;

alert KeyID;

}
</script>

great, thanks!!!!

This is a great script, but I'm a beginner/non-programmer. Can anyone tell me how to take the captured arrow key and use it to reload a new page?

Thanks a million!!!
-Kevin

This is a great script, but I\'m a beginner/non-programmer. Can anyone tell me how to take the captured arrow key and use it to reload a new page?

Thanks a million!!!
-Kevin

hi sir,
i have problem in javascript.how to resstict char in textbox?what event have u clled?

Hi,

Check below code for restricting keys in a field.

<html>
<head>
<!-- Below is the js code -->

<script type="text/javascript">
var _dom = 0;
_dom=document.all?3:(document.getElementById?1:(document.layers?2:0));
//document.onkeydown = keydownhandler;
//document.onkeyup = keyuphandler;
//document.onkeypress = keypresshandler;


// _dom = 0;
function notSupported(){ alert('your browser is not supported.'); }
function fromKeyCode(k){ return ''; }
function keydownhandler(e){
if(document.all) e=window.event; // for IE
var f=document.searchcustomerform;

if(_dom==2){ // for NN4
if(e.modifiers& (Event.ALT_MASK || Event.CONTROL_MASK || Event.SHIFT_MASK) ){
return true;
}
} else {
if(e.shiftKey || e.ctrlKey || e.altKey){
//alert("shift/ ctrl/ alt");
return true;
}

var ch='';
if(_dom==3){ // for IE

if(
(e.keyCode >= 96 && e.keyCode <= 105) || // keys with num lock
(e.keyCode >= 48 && e.keyCode <= 57) || //0 - 9
((!e.shiftKey) && (e.keyCode >= 35 && e.keyCode <= 40)) || // arrow key
(e.keyCode == 8) || // backspace
(e.keyCode == 46) || // delete
(e.keyCode == 9) // tab
) {
return true;
} else {

return false;
}

} /*else { // for Mozilla
metaKeyD.value =e.metaKey;
}*/
}

return true;
}
function keyuphandler(e){
if(document.all) e=window.event; // for IE
var f=document.searchcustomerform;

if(_dom==2){ // for NN4
if(e.modifiers& (Event.ALT_MASK || Event.CONTROL_MASK || Event.SHIFT_MASK) ){
return true;
}
} else {
if(e.shiftKey || e.ctrlKey || e.altKey){
//alert("shift/ ctrl/ alt");
return true;
}

if(_dom==3){ // for IE
if(
(e.keyCode >= 96 && e.keyCode <= 105) || // keys with num lock
(e.keyCode >= 48 && e.keyCode <= 57) || //0 - 9
((!e.shiftKey) && (e.keyCode >= 35 && e.keyCode <= 40)) || // arrow key
(e.keyCode == 8) || // backspace
(e.keyCode == 46) || // delete
(e.keyCode == 9) // tab
) {
return true;
} else {

return false;
}

}
}

return true;
}
function keypresshandler(e){
if(document.all) e=window.event; // for IE
var f=document.searchcustomerform;

if(_dom==2){ // for NN4
if(e.modifiers& (Event.ALT_MASK || Event.CONTROL_MASK || Event.SHIFT_MASK) ){
return true;
}
} else {
var ch='';
if(_dom==3){ // for IE

if(
(e.keyCode >= 96 && e.keyCode <= 105) || // keys with num lock
(e.keyCode >= 48 && e.keyCode <= 57) || //0 - 9
//((!e.shiftKey) && (e.keyCode >= 35 && e.keyCode <= 40)) || // arrow key
(e.keyCode == 8) || // backspace
(e.keyCode == 46) || // delete
(e.keyCode == 9) // tab
) {
return true;
} else {

return false;
}

}
}

return true;
}
function initializeNumericFieldValidate(f){

field = f;
_dom=document.all?3:(document.getElementById?1:(document.layers?2:0));
document.onkeydown = keydownhandler;
document.onkeyup = keyuphandler;
document.onkeypress = keypresshandler;
}

function removeNumericFieldValidate(f){

field = null;
_dom=document.all?3:(document.getElementById?1:(document.layers?2:0));
document.onkeydown = null;
document.onkeyup = null;
document.onkeypress = null;
}

</script>
</head>

<body>
<form name="form1">
<input type="text" name="field1"/>


<input type="text" name="postcode" onfocus="initializeNumericFieldValidate(this)" onblur="removeNumericFieldValidate(this)" />

<input type="text" name="field3"/>
</form>
</body>

</html>

Hi Sir,
This is Mahesh. can you suggest me the script code which provides a numeric lock. Provided it has to work for both internet explorer and Mozilla Firefox. please it is urgent.

Thanks & Regards,
Mahesh Kumar.D
Ph: 9440000321

hi,

any1 have found solution for opera with 37/39 char? ( % == <- | ' == -> )?

% should b possible to get work as it require shift key to b pressed ... but with character ' (39|->) im realy clueless :((
any1 can help with this pseudo ascii opera hell? any workaround?

Another thankfull soul apreciates your help. Thank you very much indeed. Really usefull.

Excellent !!

Your code has made my work easy
Keep it up man!
Thanks

Hi
Please help me in capturing event for ALT A or any two keys consecutively pressed.
if i press ALT A than i want to do some thing so how i can it?

plz provide mw javascript code for e-mail valliation ;
thanks

Please, I beg of you! The Cadbury Secret, man!!!

Nice tut/code snip.

ss

Hi,
I have a doubt. When we press ALT h-- i want the home page to open, when i press ALT c i want the contact us page to open, etc. no enters after pressin ALT h or others, directly i wnat the url to come up on pressing of ALT (anykey) which should also be browser compatible. Please can someone help me with this. Please it is very urgent

Thanks! it helped a lot

Hi i have one text which should accept more than 200 value. in first text box if i give 90 and press tab it works in mozilla but does not work in IE
here is my code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">



<script language="javascript" type="text/javascript">



function saveForm(oEvent)

{

//document.getElementById("aa").value=event.keyCode ;

// here i tried to making it work in both Internet Explorer and Firefox
var KeyID = (window.event) ? event.keyCode : oEvent.keyCode;
if(KeyID == 13 || KeyID == 9 )

{

if(isLimitForSave(document.getElementById("txtSupAccount1"))==false)

return false;

if(isLimitForSave(document.getElementById("txtSupAccount2"))==false)

return false;

if(isLimitForSave(document.getElementById("txtSupAccount3"))==false)

return false;



alert("Enter Hit Success");



}

else

return false;

}





function isLimitForSave(field1)

{

var test1=field1.value;

if(test1.length>0

How to Create an Image as button? And when Press it then in a cell of a table my another snap display on the same page ?? Please suggest.. Thanks in advance..

How to Create an Image as button? And when Press it then in a cell of a table my another snap display on the same page ?? Please suggest.. Thanks in advance..

Hi,

I have a doubt in javascript.I have selection of cities, in that i would like to select "chennai" ,
the selection is responding only if i press "c",
then i have to check chennai in all C related cities.Instead of that i would like to search like
if i press "che", then i can easily select my city soon.I want a code for this in java script.Pls help me in this

Is there anyway to make it count and display the number of presses on screen

how do i get the press key on a form?

example getting the press key event on text form

i tried this
<input type="text" name="KeyName" onkeyup="return KeyCheck(event)" />

and removed the
document.onkeyup = KeyCheck;

it works but when i change the onkeyup to onkeypress it doesnt work? do you know why?


thanks

hi,
im creating a login form. I want to take input from user in different fields. When the user enters his/her name in textbox then he/she cannot enter numeric code(1,2,3...) in textbox

Plz help me out. I need code in javascript.

Hi eeti

function isnotInteger(s){
var i;
for (i = 0; i < s.length; i ){
// Check that current character is number.
var c = s.charAt(i);
if (((c < “0″) || (c > “9″))) return true;
}
// All characters are numbers.
return false;
}

hi,

If we check a checkbox then:
1. a row of a table (which is hidden by default) shud be displayed
2. at the same time another row of same table shud hide.

If we uncheck d checkbox then:
1. d row of table (which is hidden by default) shud be hidden
2. at the same time dat another row of same table shud be visible.

do u kno d code in javascript.

Fools

@chris

var KeyID = (window.event) ? window.event.keyCode : e.which;

@kiku

thx for the reply but still it doesnt work
here is the code

<script language="javascript">
function KeyCheck(e)
{
//var KeyID = (window.event) ? event.keyCode : e.keyCode;
var KeyID = (window.event) ? window.event.keyCode : e.which;

switch(KeyID)
{
case 38:
document.form.interval.value = "Arrow Up";
break;

case 40:
document.form.interval.value = "Arrow Down";
break;
}
}
</script>
<form name="form">
<input type="text" id="interval" name="interval" size="2" maxlength="2" value="0" onkeypress="return KeyCheck(event)" autocomplete="off" />
</form>

A very nice and helpful topic. After reading this, I have just created a calculator that can be invoked in a page.

Currently, the key combination for invoking the calculator is the Ctrl Windows key. This shows and hides the calculator. The calculator has a text area and the user can type in an arithmetic (Validation is pending for non arithmetic keys) expression and on enter key, the same is evaluated.

Here is the code
=============================
<html>
<head>
<script language="javascript">
document.onkeyup = KeyCheck;
var calcVisible = false;

function KeyCheck(e)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 91:
if (!calcVisible)
ShowCalc('CalcPlace')
else
HideCalc('CalcPlace');
break;
default:
//alert(KeyID);
}
}

function ShowCalc(ParentId)
{
var strCalcEl="<div id='calc'><textarea id='calcInput' style='width:300px; height: 50px;' onkeydown='EvalCalc(event);'></textarea><br/><input id='calcResult' type='text' readonly STYLE='width:300px;'/></div>";
document.getElementById(ParentId).innerHTML=strCalcEl;
calcVisible = true;
document.getElementById("calcInput").focus();
}

function HideCalc(ParentId)
{
document.getElementById(ParentId).innerHTML="";
calcVisible = false;
}

function EvalCalc(e)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
switch(KeyID)
{
case 13:
document.getElementById('calcResult').value=eval(document.getElementById("calcInput").value);
break;
default:
//alert(KeyID);
}
}
</script>
</head>
<body>
<div id="CalcPlace" style="width:100%;"></div>
</body>
</html>
=============================

Kangkan
Http://www.geekays.net/

great man, tnx a lot... this works very fine

Kangkan, thanks, that is a good working example that us beginners can build on.

I am going to use it to create a way to be on a page, press a key to open a seperate page, request validation, and present content...

thanks again....

Hi friends,
am new to web html and javascripts..
any one suggest me for integer validation with backspace?

any code for "Tab" key?

Nice to hear.

Kangkan

Nice to hear.

Kangkan
http://www.geekays.net

Nice to hear.

Kangkan
http://www.geekays.net

so nice!
keep it up.

onkeypress event not working in ie

this is working well. thank you.

@kiku

thx for the reply but still it doesnt work
here is the code

<script language="javascript">
function KeyCheck(e)
{
//var KeyID = (window.event) ? event.keyCode : e.keyCode;
var KeyID = (window.event) ? window.event.keyCode : e.which;

switch(KeyID)
{
case 38:
document.form.interval.value = "Arrow Up";
break;

case 40:
document.form.interval.value = "Arrow Down";
break;
}
}
</script>
<form name="form">
<input type="text" id="interval" name="interval" size="2" maxlength="2" value="0" onkeypress="return KeyCheck(event)" autocomplete="off" />
</form>

Thanx these codes help me a lot

wt about F1?????????????? can some one tell me how to fire my event on F1 not default Help


Thanks

Great Work ! THanks

tell me about key combınatıons? up left? up rıght?

tell me about key combinations? up left? up right?

when i m enter 9 in textbox and press tab key, it automatically generate a value 99999999 in that text box

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

Hi,
I want to record and capture the events,action taken on the particular form for one particular user.Once the record is captured it should automatically do the same for other users when i click play.....

sdsdas

sdsdas

badora

badora

badora

badora

badora

I have a question.

Lets say you are using Mozilla Firefox, and you have 10 tabs of the same webpage (for example a chat webpage). Let's say you want to:

1) paste the same thing into each webpage "CTRL V"

and then

2) press enter on each webpage (or press Post Message) on each webpage

What are the java scripts for this

*addition to what I wrote above:

Actually the command I'm looking for is to
1) press "Tab" 14 times
2) then press "CTRL V"
3) a command to get out of the text area and too the next element (I think CTRL Tab)
4) then press enter

Good example!
www.eoling.com.

good one

Can anyone tell me how to get the keycode of print screen button. i am trying it on print screen but the above event.keyCode is not working on print screen.

It's actually 44.

It's actually 44.