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程序设计有所帮助。