利用noVNC在頁面上直接開啟url連線虛擬機器時，鍵盤事件可以被捕捉到（圖1），但是當把url放到iframe中時（我是將網頁虛擬機器介面直接放到layer中，本質上是iframe），鍵盤事件不能被捕獲，必須先點選最頂端的標題欄或者螢幕旁邊的部分才能被捕獲（圖2）。查閱了資料後，發現noVNC在通過iframe顯示時確實存在鍵盤聚焦問題。

                                                                                                                                             圖1

  查閱了很多方法後，找到了解決方案。目前只針對Chrome和FireFox，IE的問題是個別按鍵比如回車和刪除不能使用，但目前尚無解決方案。 

針對chrome：需要在vnc_auto.html中的新增 tabindex=0;如圖

chrome到此就可以解決了。

Firefox需要先聚焦到vnc所在iframe的上一層， $('#layui-layer-iframe1').focus() 。

 success: function(layero,index){
 var id_layer_min = layero.attr("id");
 var ids =id_layer_min.split("r");
 idtabindex= "#layui-layer"+"-iframe"+ids[1];
 var ifr = document.querySelector(idtabindex);
   ifr.contentWindow.postMessage({a: idtabindex}, '*');
   setTimeout(function (){
   $(idtabindex).focus();
   },500);
 },