overlay - 绑定(bind)按键不起作用 - jquery 工具覆盖

Question

我无法为应用了叠加层的 div 绑定(bind)按键。下面是代码。

<div> 
    Content  <a href="#" id="load">Load overlay</a>
</div>

<div id="overlayDiv" class="overlay">
    <div id="someInnerDiv">
         Text 

    </div>
</div>

<script type="text/javascript> 
    function LoadOverlay()
    {
        $('#overlayDiv').overlay();
        $('#someInnerDiv').keypress(function() { alert (' key was pressed' ); });
        $('#someInnerDiv').focus();
    }
    $("#load").click(LoadOverlay);​
</script>

警报未显示。这是jsfiddle上的代码:http://jsfiddle.net/JEmgg/4/

我猜测是叠加层捕获了事件，但我无法弄清楚。

Answer 1

如果您将该 div 替换为某些文本区域或输入 type='text'，那么按键事件就会起作用，这样当您键入时，就会发生按键事件并且警报将起作用。

演示:http://jsfiddle.net/JEmgg/5/

替换:

  <div id="someInnerDiv" ></div>

与

 <input type="text" id="someInnerDiv" />