Question

我想要一个脚本来验证按下的键是否是'空格键'，键码32.我注意到IE使用其他函数名称。

我尝试了很多这里找到的解决方案：

event = event || window.event // IE does not pass event to the function
if(event == window.event){
    code = event.keyCode;
}else{
    code = event.which;
} 
if(code == '32') {}

但它仍然无法在Firefox中使用。

我想我在Firefox中错误地调用了这个函数。看一下整个脚本：

<textarea onkeydown="predicao(this);" cols="40" rows="10" id="test" onfocus="this.focus()"></textarea>
<input id="example" style="display: none;" onkeydown="javascript: insert(this);"/>

<script language="Javascript">
<!--

function predicao(objeto){
    comprimento = objeto.value.length;
    var antipenultimo = comprimento - 4;
    var input = objeto.value.substring(antipenultimo,comprimento);
    var output = "";
    for(i=0; i<input.length; ++i){
        if(output != "") output += ", ";
        output += input.charCodeAt(i);
    }
    if (output == "91, 91, 103, 32"){

        var preditor = document.getElementById('example');
        preditor.value = '';
        preditor.style.display = 'block';
        preditor.focus();
        preditor.select();
    }  
}
function insert(objeto){
event = event.which || window.event // IE does not pass event to the function
if(event == window.event){
    code = event.keyCode;
}else{
    code = event.charCode;
} 
    if(keynum == '32') {
        var texto = document.getElementById('test').value;
        texto += objeto.value+']]';
        $('#test').focus();
        document.getElementById('test').value = texto;
        objeto.style.display = 'none';
    }
}
$(document).ready(function(){
    var data = "Ab Aco Ado Ala Mano Cata Ca Obo Olo Po Poq".split(" ");
$("#example").autocomplete(data);});
</script>

我要做的是 - （我不知道名字） - textarea中的预测帮助输入器。它使用jQuery自动完成。当用户键入'[[g'在textarea（id = test）中时，会打开一个带有自动完成功能的输入（id = example），因此它会搜索'data'。当用户找到所需的数据时，他必须按空格键将数据插入textarea，以']结束''但它在Firefox中不起作用。

（是的，我使用JavaScript和jQuery以完全错误的方式使用相同的元素因为我不太擅长这个，我会尝试在Firefox工作之后纠正它。）

Answer 1

修改

HTML：

<textarea onkeydown="predicao(this);" cols="40" rows="10" id="test" onfocus="this.focus()"></textarea> <input id="example" style="display: none;" onkeydown="insert(this, event);"/>

JS：

function predicao(objeto){ var comprimento = objeto.value.length; var antipenultimo = comprimento - 4; var input = objeto.value.substring(antipenultimo,comprimento); var output = ""; for(var i=0; i<input.length; ++i){ if(output != "") output += ", "; output += input.charCodeAt(i); } if (output == "91, 91, 103, 32"){ var preditor = document.getElementById('example'); preditor.value = ''; preditor.style.display = 'block'; preditor.focus(); preditor.select(); } } function insert(objeto, evt){ var e = evt || event; var code = e.keyCode || e.which; if(code == '32') { var texto = document.getElementById('test').value; texto += objeto.value+']]'; $('#test').focus(); document.getElementById('test').value = texto; objeto.style.display = 'none'; } } $(document).ready(function(){ var data = "Ab Aco Ado Ala Mano Cata Ca Obo Olo Po Poq".split(" "); $("#example").autocomplete(data);});

我在这里使用Alexander Calhoun和pimvdb发布的内容。

Answer 2

我从来没有遇到任何问题，我已经在IE6中通过IE9，Firefox 3.5-5和Chrome从至少9-13使用它

function captureSpace (evt) {
    var e = evt || event;
    var code = e.keyCode || e.which;
    if (code === 32) {
        // Do your thing...
    }
}

这使用逻辑OR来基本上说evt是否为假值，然后使用window.event

var e = evt || event;

这使用逻辑OR来为以相同方式按下的键分配代码

var code = e.keyCode || e.which;

如果代码完全等于32的整数值

，则会给出true或false值

(code === 32)

我还建议您将其分配给键UP事件。

Answer 3

原则上你应该这样做。看看这个：

<html>
<head>
<script type="text/javascript">
function check(e){
 var keynum
 if(window.event)
 {
  keynum = e.keyCode
 }
 else if(e.which)
 {
  keynum = e.which
 }
 if(keynum=='32')
 {
  alert(keynum);}
  }
</script>
</head>
<form>
<input type="text" onkeypress="check(event)" />
</form>
</body>
</html>

似乎你缺乏回应是依赖于背景的。

Answer 4

显示按下的键的

         <script type="text/javascript">
                function displayunicode(e){
                                            var unicode=e.keyCode? e.keyCode : e.charCode;
                                            alert(unicode);
                                          }
        </script>
                <form>
                      <input type="text" size="2" maxlength="1" onkeyup="displayunicode(event); this.select()" />
                </form>

Determining which key was pressed

使用event.which来验证用户是否按下空格键在Firefox中不起作用

4 个答案: