Question

我有一个拥有自己应用程序的iframe。我希望能够将目标聚焦在iframe之外，但到目前为止还没有认识到它。在页面本身，它工作，但一旦在iframe（文本区域）内，我想从iframe中快捷方式。该函数在iframe内部工作（console.log至少工作）但不是实际的焦点事件。我试图首先关注文档，然后让它运行动作，但它没有在iframe之外聚焦。我必须在应用程序中使用该功能才能识别它。

https://jsfiddle.net/5ufc4koc/

<div class="field">
    <a href="#">Testing</a>
    <iframe>
        <div>Text text text
        </div>
    </iframe>
</div>

App.outside = function () {
    $(document).focus();
    $(document).on('keydown', function (e) {
        if (e.which === 113) {
            $('.field:first a').focus();
            console.log('testing');
        }
    });
};

Answer 1

在iframe中放置另一个jquery / java脚本-重点放在“ parent.window.document”上。

$(document).ready(function(){

   var form = parent.window.document.querySelector('.field');
var toBeFocusedOn = parent.window.document.getElementById("#whateverIdOnMainPage");
$( document ).on( 'keydown', function ( e ) {
  if ( e.keyCode === 133 ) { // key code  '27 is ESC'
    
    toBeFocusedOn.focus();     
  }
});
		});

专注于iframe之外

1 个答案: