ansaurus

Question

Adding event handler to iframe to invoke on keyup

Answer 1

A:

I guess you meant "do it without using the script manager"?

You can do it this way (use attactEvent/addEventListener):

<html>
<head>
<script type="text/javascript">
function Init() {
    var _win = document.getElementById("iView").contentWindow;
    var _doc = _win.document;
    _doc.designMode = "on";
    if(_doc.addEventListener) {// if support addEventListener
     _doc.addEventListener("keyup", frameKeyUp, true)
    }
    else { //For IE
     _doc.attachEvent("onkeyup", frameKeyUp);
    }
}
function frameKeyUp(e){
    alert(e.keyCode);
}
</script>
</head>
<body onload="Init()" >   
<iframe id="iView" style="width: 434px; height:371px"></iframe>
</body>
</html>

Or using jQuery's event handler for "keyup":

$('#iframe1').keyup(function(event){
  //... do your stuff here ..
  //use event.keyCode to get the asscoiated key
});

More info on keyboard event arg can be found here and here.

o.k.w 2009-12-19 15:39:57

and how can I found out what key was pressed?

kenny 2009-12-19 16:53:43

"event.keyCode". Check the example at http://docs.jquery.com/Events/keyup

o.k.w 2009-12-19 17:12:25

without using jQuery

kenny 2009-12-19 17:15:10

"event.keyCode" as well, see my updated post :)

o.k.w 2009-12-20 07:53:03

There must be something that I am doing wrong I get: 'event.keyCode' is null or not an object

kenny 2009-12-20 08:07:29

Works for me though. Care to update your post with the updated codes?

o.k.w 2009-12-20 08:46:14

done, also note that I need key event for iframe's contentWindow.document

kenny 2009-12-20 08:55:26

@kenny: I've overhauled my codes to fit yours. The `keyup` method do not have a consistent behaviour across browsers and I think using the `attachEvent` (IE) and `addEventListener` (others) will be cleaner. I really recommend using jQuery, here's a related post: http://stackoverflow.com/questions/549488/adding-event-handler-to-an-iframe-using-jquery

o.k.w 2009-12-20 09:55:54

This is great! thanks!

kenny 2009-12-20 10:49:29

You are welcomed :P

o.k.w 2009-12-20 10:51:02

ansaurus

tags:

views:

answers:

Adding event handler to iframe to invoke on keyup

related questions