Getting Keycode From Keypress Event
Jul 20, 2005I have:
<div onkeypress="go(event)">...</div>
and:
function go(event) {
alert(event.keyCode);
}
but I always get 0 for the keycode.
I have:
<div onkeypress="go(event)">...</div>
and:
function go(event) {
alert(event.keyCode);
}
but I always get 0 for the keycode.
look at this script :
$(function(){
$('input').bind('keypress',null,b).bind('change',null,a);
});
function a(){
[Code].....
this script bind both keypress and change of the text box to functions b and a. at keypress event handler if user type a char on input box the value of input box change to x and the user char discarded. In this case we expected to run the onchange (change) event because the textbox value is changed BUT this doesn't happen.
I'm trying to figure out what key the user pressed using a Danish
keyboard layout. charCodeAt returns the correct number, but
event.keyCode returns a wrong number, when using one of the keys that
are different on a Danish keyboard layout. "-" returns 45 and 189
respectively. Etc. (The input-field in the sample code below displays
the right character).
I've tried setting the lang-parameter to 'da', but it doesn't make a
difference.
sample code:
<input type="text"
onkeyup="alert(this.value.charCodeAt(this.value.length-1));alert(window.event.keyCode);">
Am I missing something, or is the event.keyCode in IE hardcoded to an
english keyboard layout? Is there a way to automatically convert the
event.keyCode so it corresponds with the users keyboard?
I have a requirement to force the pageUp and pageDown keys to function the same as the arrowUp and arrowDown. I believe I'm ok with IE but have issues with setting the value for FireFox ...specifically line: evt.which=38; and line evt.which=40; -the "which" seems to only have a getter-
try{
if (window.document.addEventListener) {
window.document.addEventListener("keydown", reviseKeyFunctions, false);
}else{
[Code]....
How come this code ...
$(document).keypress(function(event) {
console.log(event.keyCode);
});
returns 0 after pressing the key 'a' in FireFox but 97 in Chrome?
Here is an answer for those who are looking for a keystroke evaluation
script that works in Internet Explorer (IE 5.5, 6.0, 7.0 for PC--IE
4.0, 5.2 for Mac), Mozilla Firefox (Windows, Linux, and Apple
Macintosh), Safari, Opera, and other off-brand web browsers.
I have gone through many groups trying to find code that didn't break
in Firefox--yet still worked in other browsers. Although many people
give input on this topic, few are correct in their handling of the
events to give the correct results across the board.
I am a Webmaster, and although I have worked with much JavaScript, I do
not claim to be an expert on this topic--so feel free to post any
improvements that you can make.
Here's the test code, this snippet designed to force numeric-only input
in any browser, with the exception of a couple keys that are still
needed for form navigation (such as Tab--although this can be tailored
to your needs by adding more exceptions):
---SNIP_01---
<script language="JavaScript">
function CheckNumericKeyInfo($char, $mozChar) {
if($mozChar != null) {// Look for a Mozilla-compatible browser
if(($mozChar >= 48 && $mozChar <= 57) || $mozChar == 0 || $char ==
8 || $mozChar == 13) $RetVal = true;
else {
$RetVal = false;
alert('Please enter a numeric value.');
}
}
else {// Must be an IE-compatible Browser
if(($char >= 48 && $char <= 57) || $char == 13) $RetVal = true;
else {
$RetVal = false;
alert('Please enter a numeric value.');
}
}
return $RetVal;
}
</script>
---END_01---
This function would then be called as follows:
---SNIP_02---
<input type="text" name="over_figure" id="over_figure" size="5"
onKeyPress="return CheckNumericKeyInfo(event.keyCode, event.which);"
value="">
---END_02---
I have personally tested this on PC, Mac, and Linux systems in every
Web browser that I can get my hands on. It's far easier than the other
scripts that I've found, and you can just add "alert('keyCode: ' +
$char)" to find any other keycodes you might want to allow if you don't
know them off-hand. Obviously there is room to add a larger exception
list if you have need of it, and it might be better to just set $RetVal
to TRUE in the else and add an else if for IE, but my use didn't
require it.
I hope it saves someone some time!
I must be writing this wrong.
<script type=text/javascript >
$(document).ready(function() {
if(event.charCode || event.charCode !==13) {
[code]....
DOM2 does not provide a key event module. (http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-eventgroupings-keyevents) That's fine. I'm down with that.
According to the DOM3 Events spec (http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/events.html#Events-KeyboardEvents-Interfaces) (in last call), there's no keyPress event, only keyDown and keyUp. Instead (I guess) they've defined a new interface for text events (http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/events.html#Events-TextEvent), which provides one event type: textInput.
Should I not code event handlers for keyPress events if I wish to write DOM-compliant scripts? IE & Moz both register a keyPress; I'm sure that it won't be outphased. I worry instead about a new and better browser appearing and balking on my script because it's coded exactly to spec.
Hi have an event called function allownumberonly(evt);
My html text input onkeypress calls this function.
onkeypress=allownumberonly(event)
I want to create a text input dynamically and set its onkeypress event
to the above function also passing the event.
Is there any cross-browser method of determining whether a click event was triggered by a mouse left click or the keyboard's 'enter' key? I was expecting event.button, or event.which to be able to do this, but this doesn't seem to be the case. Checking event.clientX == 0 && event.clientY == 0 works in FF, but not in IE.
View 1 Replies View Relatedi am using asp.net listbox and want to add double click & keypress(enter) key event
i amuisng
function lstDblClicked()
{
for (var i = 0; i <document.Form1.lst_name.options.length; i++)
{
[Code].....
Code...
I'm getting an error object required on the window.onkeypress line.
I have a data entry app and the users are keying with their right hand on the number pad and flipping pages with their left. If they want to use the normal tab key they have to take their hand off of the papers to do so. I figured it would be pretty simple to override the keypress even for the + key and divert it to act like tab was pressed instead.
I am trying to run some code if a series of keypresses the user types is equal to the correct series of keypresses.I know how to do this if I am just trying to get one keypress. But what about one after another?
View 2 Replies View RelatedI am trying to use the jquery keydown event.I wan to fade in a div that is a form then when the user presses keycode 17 meaning control key this div and form will fade in at the center of the screen.here is the code I have:
<html>
<link rel="stylesheet" type="text/css" href="/home/main.css"/>
<script type="text/javascript" src="http://www.domain.com/pngFix/jquery-1.3.2.min.js"></script>
<script type="text/javascript"[code]...
This is in a php file and echoing the code. So the " " ignore it it's just saying to php that those are to be echoed as " " This code isn't working. I would press control key but no fade in occurs. I include this php file to all my websites webpages which are php files.
I've got a script which is called by a keypress event, something like this:
<html>
<head>
<script type="text/javascript">
function respondToKey(e) {
keyPressed = String.fromCharCode(e.which);
if(keyPressed == 'g'){
alert('you pressed the g key');
window.open('http://google.com');
}
}
</script>
<title>Untitled</title>
</head>
<body onkeypress="respondToKey(event)">
hit the g key to open a google window
</body>
</html>
when you hit the right key, the alert appears, but the window.open() never happens. There's not even a message in the Error Console, just nothing.
Is this a security feature? Any way I can get around it? And, if it's a security feature, is the fact that it fails silently with no error message also a security feature? Because it's rather annoying.
The keyCode of '&'=55 and the keyCode of ƍ'=55 also...
How can you know what a person typed if you get the same keyCodes?
keyCode and which will get the same value, so anything different?
<script>
$(function() {
$(window).keydown(function(e) {
console.log(e.keyCode);
console.log(e.which);
});
});
</script>
I want to overwrite the CTRL+S key via 'onkeypress' so, that the
browser doesn't recognize it as 'Save page as ..' command.
I assumed, that calling 'evt.preventDefault()' in my event-handler
would be sufficient. It isn't.
I have a 3 textareas that when the user presses the spacebar I would like for the code to execute a TAB to move between them instead. My code works if I make the replacement keycode an number or letter but it wont work if I use TAB. The browser is IE. code...
View 4 Replies View RelatedI got this (piece of) script from 'DHTML Utopia - Modern Webdesign - Using Javascript & DOM'.
function aKeyWasPressed(e) {
if (window.event) {
var key = window.event.keyCode;
} else {
var key = e.keyCode;
}
alert('You pressed the key: ' + String.fromCharCode(key));
}
It is example of adding an eventlistener to a textarea. The events works alright, but when I press 'a' the alert gives me 'A', when I press Ǝ' I get 'h', when I press Ɔ' I get ''', when I press 'à' I get Ɔ', .... Has probably something to do with the fact that I don't live in the UK or
USA. But it shouldn't matter; a key is a key.
Basically we are trying to simulate the tab key when the
down arrow key is pressed. (we know there are other way
to control focus flow but we use a lot of dynamic jsp fields,
that will make the flow control a nightmare, we just want
basic tabbing from the arrow key)
1)We are able to capture a onkeydown event and reasign it with another
key value with no problem within an html document without a form.
example:
var ieKey = event.keyCode;
if (ieKey == 40) {
event.keyCode = 9;
}
however as soon as we insert a form tag in the document, this stops
functioning. The asignment seems to be fine as an alert clearly shows, but the
instruction seems to be ignored. Code:
$(document).keydown(function(e) {
console.log('key code is: 'e.which);
});
I know how to find out which key user use, but how to do it when they use combination key? for example: "CTRL + C", "CTRL + V" and so on.
I have an input field with onkeyup event that displays the code of the key the user pressed. The thing is, this works for all the keyboard buttons except for the ENTER key.
View 7 Replies View Relatedthe working code is : $(document).keydown(function(event)and I found out that it's not working on Firefox only on IE and Google Chrome...
View 3 Replies View Relatedi want to handle keyboard and want to replace keycodes like when user enter / press key a = 65 I may able to change and show in textbox b= 66.
[Code]...
I am trying to retrieve the keycode that was pressed while an input is selected. Here is my code:input.onkeyup = function() { func( this, event ); }
function func( obj, e ) {
alert(e);
...
}