jquery实现Ctrl+Enter提交表单的方法
本文实例讲述了jquery实现Ctrl+Enter提交表单的方法。分享给大家供大家参考。具体如下：
<!DOCTYPEHTML>
<html>
<head>
<metahttp-equiv="content-type"content="text/html;charset=utf-8">
<title>TextBoxEnter</title>
<styletype="text/css"media="screen">
body{
font:16px/1.5helvetica-neue,helvetica,arial,san-serif;
}
textarea{
border:1pxsolid#ccc;
display:block;
width:250px;
height:100px;
}
p{
border:1pxsolid#ccc;
background:#ececec;
padding:10px;
margin:10px0;
width:230px;
}
button{
border:1pxsolid#ccc;
background:#ececec;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-top:10px;
padding:5px20px;
}
</style>
</head>
<body>
<textareaname="msg"id="msg"placeholder="YourMessage"autofocus="true"></textarea>
<buttontype="submit">Post</button>
<scripttype="text/javascript"charset="utf-8"src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<scripttype="text/javascript"charset="utf-8">
$.fn.ctrlEnter=function(btns,fn){
varthiz=$(this);
btns=$(btns);
functionperformAction(e){
fn.call(thiz,e);
};
thiz.bind("keydown",function(e){
if(e.keyCode===13&&e.ctrlKey){
performAction(e);
e.preventDefault();
}
});
btns.bind("click",performAction);
}
$("#msg").ctrlEnter("button",function(){
$("<pclass='post'></p>").append(this.val().replace(/\n/g,"<br/>")).fadeIn('slow').prependTo(document.body);
this.val("");
});
</script>
</body>
</html>
希望本文所述对大家的jquery程序设计有所帮助。