Question

在网页上我有iframe，其中显示了一些内容如果在iframe中按任何键，我想运行一个函数（iframe是可编辑的）。

我可以使用ajax（页面上有scriptmanager）来实现：

Sys.UI.DomEvent.addHandler(document.getElementById('iframe1').contentWindow.document, 'keyup', iframeKeyHandler);

但我想在没有ajax的情况下做到这一点！

更新代码：

function Init() {
    document.getElementById('iView').contentWindow.document.designMode = "on";       

     document.getElementById('iView').contentWindow.document.onkeyup = function(event) {
       alert(event);
     }    
 }

<body onload="Init()" >   
<iframe id="iView" style="width: 434px; height:371px" ></iframe>
</body>

Answer 1

我猜你的意思是“不使用脚本管理器”吗？

您可以这样做（使用attactEvent / addEventListener）：

<html>
<head>
<script type="text/javascript">
function Init() {
    var _win = document.getElementById("iView").contentWindow;
    var _doc = _win.document;
    _doc.designMode = "on";
    if(_doc.addEventListener) {// if support addEventListener
        _doc.addEventListener("keyup", frameKeyUp, true)
    }
    else { //For IE
        _doc.attachEvent("onkeyup", frameKeyUp);
    }
}
function frameKeyUp(e){
    alert(e.keyCode);
}
</script>
</head>
<body onload="Init()" >   
<iframe id="iView" style="width: 434px; height:371px"></iframe>
</body>
</html>

或者使用jQuery的event handler作为“keyup”：

$('#iframe1').keyup(function(event){
  //... do your stuff here ..
  //use event.keyCode to get the asscoiated key
});

有关键盘事件arg的更多信息，请here和here。

将事件处理程序添加到iframe以在keyup上调用

1 个答案: