绑定按键不起作用 - jquery 工具覆盖

Question

我无法为我应用覆盖的 div 绑定按键。 下面是代码。

<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

如果您用一些文本区域或输入 type='text' 替换该 div，keypress 事件会起作用，因此当您键入时，keypress 事件会发生并且警报会起作用。

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

替换：

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

与

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

Answer 2

问题是你不能在没有文本区域、输入类型文本或其他输入元素的情况下插入文本。 试试这个代码，它的工作原理： DEMO

<div id="overlayDiv" class="overlay">
    <div id="someInnerDiv">
         Text
        <input type="text" name="test" id="test"/>
    </div>
</div>