2009-08-08 91 views
15

更新:检测在Javascript中使用jQuery的关键事件(回车)(在Linux平台上)

我终于想通了,“按键”比在Linux平台上“的keydown”或“KEYUP”一个更好的兼容性。我只是把“keyup”/“keydown”改成了“keypress”,所以一切顺利。

我不知道是什么原因,但它是我的解决方案。感谢所有回复我的问题的人。

-

我有一些需要检测按键事件代码(我必须知道,当用户按Enter键)与jQuery,这里是在Javascript代码:

j.input.bind("keyup", function (l) { 
    if (document.selection) { 
     g._ieCacheSelection = document.selection.createRange() 
    } 
}).bind("keydown", function(l) { 
    //console.log(l.keyCode); 
    if (l.keyCode == 13) { 
     if(l.ctrlKey) { 
      g.insertCursorPos("\n"); 
      return true; 
     } else { 
      var k = d(this), 
      n = k.val(); 
      if(k.attr('intervalTime')) { 
        //alert('can not send'); 
        k.css('color','red').val('Dont send too many messages').attr('disabled','disabled').css('color','red'); 
        setTimeout(function(){k.css('color','').val(n).attr('disabled','').focus()},1000); 
        return 
      } 
    if(g_debug_num[parseInt(h.buddyInfo.id)]==undefined) { 
      g_debug_num[parseInt(h.buddyInfo.id)]=1; 
    } 
     if (d.trim(n)) { 
      var m = { 
       to: h.buddyInfo.id, 
       from: h.myInfo.id, 
       //stype: "msg", 
       body: (g_debug_num[parseInt(h.buddyInfo.id)]++)+" : "+n, 
       timestamp: (new Date()).getTime() 
      }; 
      //g.addHistory(m); 
      k.val(""); 
      g.trigger("sendMessage", m); 
      l.preventDefault(); 
      g.sendStatuses(""); 
      k.attr('intervalTime',100); 
      setTimeout(function(){k.removeAttr('intervalTime')},1000); 
      return 
     } 
     return 
    } 
} 

它在Windows上工作正常,但在Linux上,它有时无法捕捉到Enter事件。有人可以帮忙吗?

更新时间:

,如果我只用英语交谈似乎不错。但我必须使用一些输入法来输入中文。如果这是问题? (JQuery的不能检测输入,如果我用中国的输入法?)

+1

和Linux无关,与它交配。 – think123 2012-07-31 09:06:41

回答

47

试试这个

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" > 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
</head> 
<body> 
    <div> 
     <input id="TestTextBox" type="text" /> 
    </div> 
</body> 
<script type="text/javascript"> 
    $(function() 
    { 
     var testTextBox = $('#TestTextBox'); 
     var code =null; 
     testTextBox.keypress(function(e) 
     { 
      code= (e.keyCode ? e.keyCode : e.which); 
      if (code == 13) alert('Enter key was pressed.'); 
      e.preventDefault(); 
     }); 

    }); 

</script> 
</html> 
+4

if块应该包含'e.preventDefault();'除非你想禁用所有在文本框中输入。 – Muhd 2012-07-12 01:15:32

12

使用if (l.keyCode == 10 || l.keyCode == 13)而不是if (l.keyCode == 13) ...

在Windows下,一个新的生产线由的Carriage Return(13),接着是Line Feed(10) 。

在* nix下,一个新行仅包含一个Line Feed(10)。

在Mac下,一个新行仅包含Carriage Return(13)。

+0

我加了“l.keyCode = 10”,但是我仍然遇到了这个问题。我使用“console.log(l.keyCode)”来查看keyCode是什么,当我按下Enter时(在Linux上),似乎只有“13” – 2009-08-08 06:38:09

0

This could是浏览器特有的问题。不同的浏览器以不同的方式处理键码。这是很好的规范在此之前的检查:

var code = ev.keyCode || ev.charCode || 0; 

重要的是要注意重要的是WebKit浏览器有一个稍微不同的键映射比其他人:

var webkitKeymap = { 
      63232: 38, // up 
      63233: 40, // down 
      63234: 37, // left 
      63235: 39, // right 
      63276: 33, // page up 
      63277: 34, // page down 
      25: 9  // SHIFT-TAB (Safari provides a different key code in 
         // this case, even though the shiftKey modifier is set) 
     }; 

这个代码可以在YUI的事件程序中可以找到。