jQuery實現ctrl+enter(回車)提交表單
更新時間:2015年10月19日 09:48:27 投稿:hebedich
本文章來給大家介紹在我們輸入完內容之后直接按Ctrl+Enter提交表單實現程序,此方法一般是用于textarea中哦,其它的input這類的就不需了。
以jQuery插件開發(fā)的方法開發(fā)。具體代碼如下:
jQuery.fn.extend({ /** * ctrl+enter提交表單 * @param {Function} fn 操作后執(zhí)行的函數 * @param {Object} thisObj 指針作用域 */ ctrlSubmit:function(fn,thisObj){ var obj = thisObj || this; var stat = false; return this.each(function(){ $(this).keyup(function(event){ //只按下ctrl情況,等待enter鍵的按下 if(event.keyCode == 17){ stat = true; //取消等待 setTimeout(function(){ stat = false; },300); } if(event.keyCode == 13 && (stat || event.ctrlKey)){ fn.call(obj,event); } }); }); } });
使用方法:
$("#textarea").ctrlSubmit(function(event){ //提交代碼寫在這里 });
是不是非常的簡單實用呢,希望大家能夠喜歡。
相關文章
jQuery獲取checkboxlist的value值的方法
最近著手一個項目用到了服務器空間checkboxlist ,使用起來是方便,可以想要從js獲取值就稍微麻煩點了,google后找到了如下方法,感興趣的小伙伴們可以參考一下2015-09-09