jQuery 實現 Ctrl+Enter 快捷鍵發表評論

Web開發者發表於2011-12-26
jQuery

通過事件的which可以找到鍵碼
不過當有組合鍵的時候還需要注意一下
如ctrl+enter鍵，雖然都是用e.ctrlKey但是 enter鍵的鍵碼不是始終為13了
在ff中 判斷 ctrl+enter 是 e.ctrlKey && e.which ==13
在ie中 判斷ctrl+enter 是 e.ctrlKey && e.which ==10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Web開發者 -  admin10000.com</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript">
$(function(){
$("#txtCommBody").keypress(function(e){
    if(e.ctrlKey && e.which == 13 || e.which == 10) {
     $("#commForm").submit();
    }
})
}); 
</script> 
</head> 
<body> 
<form id="commForm" method="post" action=""> 
<textarea id="txtCommBody" name="CommBody" cols="60" rows="10"></textarea> 
</form> 
</body> 
</html>

相關文件：jquery 事件物件屬性小結、jQuery按鍵響應事件keypress對應的按鍵編碼keycode

相關文章