Javascript Keyboard Events In Iframe

**Henryosa** · 25-01-2010

Hello, recently I am started to study the javascript. While making research on it I come to know that I can able to retrieve an event from the keyboard but it is not possible in iframe. That means I don't know the way to do it with the iframe. So, if anyone knows the code to perform it, then please provide me that.

**kelfro** · 25-01-2010

Hello, I have got this code if you want to make use of the Javascript keyboard event :

Code:

shortcut.add("Ctrl+B",function()
{
	alert("In the bookmark");
},
{
	'type':'keydown',
	'propagate':true,
	'target':document
});

**Zecho** · 25-01-2010

See the code below which can make use of the javascript keyboard events in Iframe:

Code:

<html>
<head>
<script type ="text / javascript">

function handler(ev)
{
if (document.all)
ev = window.event;
alert("char" + String.fromCharCode(ev.charCode) + "[" + E.charCode + "]");
}
document.onkeypress = KeyHandle;
</ script>
</ head>
<body>
<iframe height ="300" width ="300" id ="me" onkeypress ="KeyHandle (event)">
</ iframe>
</ body>
</ html>

**Reegan** · 25-01-2010

Hello, I have come to know that you can simply make use of the code below to get the solution for your problem.

Code:

e = window.event;

It will be used as window is the parent window.

**opaper** · 25-01-2010

I think for getting this you may need to link the event to the iframe. So for that you can make use of the code below. It can able to solve your problem. So, just make use of it and get the problem solved:

Code:

e = window.event | | Parent['nomiframe'].window.event;

**MindSpace** · 25-01-2010

Hey, If you modify the code of the Zecho as below then you can able to get the solution for your problem:

Code:

<html>
<head>
<script type ="text / javascript">
function Handle(evnethand)
{
if (document.all)
evnethand = window.event | | Parent['I'].window.event; alert("char" + string.fromCharCode(evnethand.charCode) + "[" + E.charCode + "]");
}
document.onkeypress = Handle;
</ script>
</ head>
<body>
<iframe height ="400" width ="400" id ="me" name="me" onkeypress ="Handle (event)">
</ iframe>
</ body>
</ html>