stop keypress event inside iframe

Question

I am stuck with stoping the ENTER key on a input inside a iframe.

This works, crossbrowser, within the same page:

$("#input").keypress(function (event) {
    console.log(event.which); //works good
    if (event.which == 13) {
        return false;
    }
});

This does not work stoping/catching the keypress event inside the iFrame.

$("#my_iframe").contents().keypress(function (event) {
    console.log(event.which); // nothing loged
    if (event.which == 13) {
        return false;
    }
});

What am I missing? is there a crossbrowser solution?

Fiddle

Answer 1

您在附加事件处理程序之前不必等待iframe加载。

Answer 2

As an addition to Stephen Thomas's answer, here's a nice article summing up what the problem is:

Attaching an event to a form's elements inside an iframe with a use of jQuery

However if you try to update your fiddle with new code, you'll most likely get an error, something along these lines:

Blocked a frame with origin "http://fiddle.jshell.net" from accessing a frame with origin "http://jsfiddle.net". Protocols, domains, and ports must match

Seems like jsfiddle uses two different servers for its internal workings and that is against the "Same Origin" policy - in short, you shouldn't be able to access DOM of iframes from different sites. As a measure of safety I guess. Though I don't know if you can actually skip it somehow. Cheers