复选框的onkeyup事件

Question

我在这里有一个简单的情况。让我们面对HTML代码首先=>

<form name="geoKey" method="post" action="index.php"> 
<fieldset class="gKey"> 
     <legend><input type="checkbox" name="checkUncheck" id="checkUncheck"></legend> 
     <textarea name="txt" id="txt" cols="34" rows="5"></textarea> 
</fieldset> 
</form> 

，这里是JavaScript的=>

function keyPress(e){ 
    var key; 
    var box = document.getElementById("checkUncheck"); 
    if (window.event){ 
     key = event.keyCode; 
    } else { 
     key = e.which; 
    } 
    if (key==192){ 
     (box.checked) ? box.checked=false : box.checked=true; 
    } 
} 

window.onload = function(){ 
    document.onkeyup = keyPress; 
}; 

所以，就像你看到的复选框被检查时，按下键（编号192）的家伙，如果它未被选中（这是一切正常工作），但这里有一个问题=>我希望如果光标焦点在textarea上，并按下textarea中的该键（192）不写任何东西。请帮忙，谢谢:)

Answer 1

使用onkeydown，而不是通过使用e.preventDefault阻止默认浏览器操作：

function keyPress(e){ 
    var key; 
    var box = document.getElementById("checkUncheck"); 
    if (window.event){ 
     key = event.keyCode; 
    } else { 
     key = e.which; 
    } 
    if (key==192){ 
     e.preventDefault(); // <-- prevent default action 
     (box.checked) ? box.checked=false : box.checked=true; 
     return false; 
    } 
} 

window.onload = function(){ 
    document.onkeydown = keyPress; 
}; 

JSFiddle demo。