建站中的
点点滴滴

[js]jQuery实现Ctrl+Enter快捷键发表评论

通过事件的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

未经允许不得转载:建站笔记 » [js]jQuery实现Ctrl+Enter快捷键发表评论

分享到:更多 ()

评论 抢沙发

评论前必须登录!

 

学建站就来建站笔记,提供一切有关建站的知识

关于站长加入我们