jQuery實(shí)現(xiàn)ctrl+enter(回車)提交表單
更新時(shí)間:2015年10月19日 09:48:27 投稿:hebedich
本文章來給大家介紹在我們輸入完內(nèi)容之后直接按Ctrl+Enter提交表單實(shí)現(xiàn)程序,此方法一般是用于textarea中哦,其它的input這類的就不需了。
以jQuery插件開發(fā)的方法開發(fā)。具體代碼如下:
jQuery.fn.extend({ /** * ctrl+enter提交表單 * @param {Function} fn 操作后執(zhí)行的函數(shù) * @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){ //提交代碼寫在這里 });
是不是非常的簡單實(shí)用呢,希望大家能夠喜歡。
您可能感興趣的文章:
- jQuery使用$.ajax提交表單完整實(shí)例
- jQuery基于ajax()使用serialize()提交form數(shù)據(jù)的方法
- jQuery實(shí)現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery驗(yàn)證郵箱格式并顯示提交按鈕
- jQuery Real Person驗(yàn)證碼插件防止表單自動(dòng)提交
- 使用JQuery實(shí)現(xiàn)Ctrl+Enter提交表單的方法
- Jquery中ajax提交表單幾種方法(get、post兩種方法)
- jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
- jquery ajax 如何向jsp提交表單數(shù)據(jù)
- jQuery同步提交示例代碼
相關(guān)文章
jQuery獲取checkboxlist的value值的方法
最近著手一個(gè)項(xiàng)目用到了服務(wù)器空間checkboxlist ,使用起來是方便,可以想要從js獲取值就稍微麻煩點(diǎn)了,google后找到了如下方法,感興趣的小伙伴們可以參考一下2015-09-09jQuery簡單創(chuàng)建節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery簡單創(chuàng)建節(jié)點(diǎn)的方法,涉及jQuery獲取節(jié)點(diǎn)及append添加元素創(chuàng)建節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下2016-09-09JQuery CheckBox(復(fù)選框)操作方法匯總
這篇文章主要介紹了JQuery CheckBox(復(fù)選框)操作方法匯總,本文講解了獲取單個(gè)checkbox選中項(xiàng)、獲取多個(gè)checkbox選中項(xiàng)、設(shè)置第一個(gè)checkbox 為選中值、設(shè)置最后一個(gè)checkbox為選中值等內(nèi)容,需要的朋友可以參考下2015-04-04jQuery實(shí)現(xiàn)仿騰訊微博滑出效果報(bào)告每日天氣的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊微博滑出效果報(bào)告每日天氣的方法,涉及jQuery鼠標(biāo)事件及css樣式操作技巧,需要的朋友可以參考下2015-05-05一個(gè)簡單的jQuery插件制作 學(xué)習(xí)過程及實(shí)例
本文僅供參考,如有不足或錯(cuò)誤,請不吝賜教,這里以一個(gè)彈出層的jQuery插件制作實(shí)例為基礎(chǔ),進(jìn)行插件制作的說明。2010-04-04