在模态对话框中按键事件

onkeypress event on modalDialog

本文关键字：事件 模态 对话框      更新时间：2023-09-26

我有这个代码：

<a href="#openModal">Open Modal</a>
<div id="openModal" class="modalDialog">
<div>
    <a href="#close" title="Close" class="close">X</a>
    <h2>Modal Box</h2>
    <input type="radio" value="rdRec" checked="checked" />Rec
    <input type="radio" value="rdPot" />Pot
    <input type="button" id="btnOk" value="ok" onkeypress="checkey();">
</div>


<script type="text/javascript">
  function checkey()
  {
     var code = window.event.keyCode;
     if(code == 13) 
     {      
     document.getElementById('btnOk').click();
     return false;
     }
  }
</script>

我想要的只是当弹出窗口打开并且选择/选中单选按钮 Rec 时，我想单击输入键并自动触发 btnOk...

我认为您正在寻找的答案就在之前回答的这个问题中： 使用 Javascript 更改在按回车键时激活的提交

document.onkeypress = processKey;
function processKey(e)
{
    if (null == e)
        e = window.event ;
    if (e.keyCode == 13)  {
        document.getElementById("btnOk").click();
    }
}
相关文章：