文档和 iframe 仅在一个选择器中

发布于 2024-09-16 01:02:47 字数 570 浏览 5 评论 0原文

我目前正在注入一个 iframe 并将 keyevent 绑定到 document 和 iframe。

我可以在一行中同时选择 iFrame 和文档吗？
_{注意 iframe 的选择器后面必须有 .contents()}

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to document
    $(document).bind('keydown', function(e) {
        console.log("runs document");
    });

    // event bind to iframe
    $(this).contents().bind('keydown', function(e) {
        console.log("runs iframe");
    });     

});

原文

I am currently injecting an iframe and binding a keyevent both to the document and the iframe.

Can I select both the iFrame and the document in one row?
_{notice the iframe must have .contents() after the selector}

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to document
    $(document).bind('keydown', function(e) {
        console.log("runs document");
    });

    // event bind to iframe
    $(this).contents().bind('keydown', function(e) {
        console.log("runs iframe");
    });     

});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

望她远 2024-09-23 01:02:47

您可以使用 .add()，如下所示

$(this).contents().add(document).keydown(function(e) {
    console.log("runs in both");
});

：然后，iframe 内容也将 document 添加到返回的 jQuery 对象上，从而使两者都具有其 keydown 事件的处理程序。

You can use .add(), like this:

$(this).contents().add(document).keydown(function(e) {
    console.log("runs in both");
});

This takes the iframe contents then just adds the document on the returned jQuery object as well, resulting in both being having the handler to their keydown event.

回复收藏 0 原文

逆蝶 2024-09-23 01:02:47

怎么样：

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to iframe
    $(this).contents().add(document).bind('keydown', function(e) {
        console.log("runs iframe and document");
    });     

});

请参阅 http://api.jquery.com/add/

How about this:

// wait for iframe to load
$('iframe#iframe').load(function() {

    // event bind to iframe
    $(this).contents().add(document).bind('keydown', function(e) {
        console.log("runs iframe and document");
    });     

});

See http://api.jquery.com/add/

回复收藏 0 原文

~没有更多了~