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程序设计有所帮助。
热门推荐
10 对患者生日祝福语简短
11 结婚祝福语简短装备
12 周岁祝福语学生文案简短
13 订婚领证祝福语简短精辟
14 导师获奖祝福语大全简短
15 新婚购房祝福语简短精辟
16 牛年祝福语简短的爱人
17 送芒果的祝福语简短
18 送给学长毕业祝福语简短