JS实现监听F5页面刷新多个子iframe 而父页面不刷新

重点是阻止默认的刷新，这样外部页面就不刷新了，然后指定刷新iframe。

父页面：

document.onkeydown = function (e) {//键盘按键控制

        e = e || window.event;

        if (e.keyCode == 116) {//F5刷新

            var iframe = $('.layui-show .x-iframe');

            var src = iframe.attr('src');

            e.preventDefault(); //组织默认刷新

            var iframeSrc = src;

            iframe.attr('src',iframeSrc);

        }

    }

iframe子页面

document.onkeydown = function (e) {//键盘按键控制

e = e || window.event;

if (e.keyCode == 116) {//F5刷新，禁止

var iframe = $('.layui-show .x-iframe', parent.document);

var iframeSrc = iframe[0].src;

//console.log(iframe[0])

e.preventDefault();

iframe[0].src = iframeSrc;

return false;

}

}

再加上禁止鼠标右击（酌情）：

//禁止鼠标右键

document.oncontextmenu = function(){

return false;

}