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

