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

如果你用一些textarea或输入type ='text'替换那个div，那么

keypress事件会起作用，所以当你输入时，会发生按键事件并且警报会起作用。

DEMO：http://jsfiddle.net/JEmgg/5/

替换：

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

与

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

Answer 2

问题在于，如果没有textarea，输入类型文本或其他输入元素，则无法插入文本。试试这个代码，它的工作原理： DEMO

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

绑定按键不起作用 - jquery工具叠加

2 个答案: