首页 > 语言 > JavaScript > 正文

jQuery实现ctrl+enter(回车)提交表单

2024-05-06 16:24:41
字体:
来源:转载
供稿:网友

本文章来给大家介绍在我们输入完内容之后直接按Ctrl+Enter提交表单实现程序,此方法一般是用于textarea中哦,其它的input这类的就不需了。

以jQuery插件开发的方法开发。具体代码如下:

 

 
  1. jQuery.fn.extend({ 
  2. /** 
  3. * ctrl+enter提交表单 
  4. * @param {Function} fn 操作后执行的函数 
  5. * @param {Object} thisObj 指针作用域 
  6. */ 
  7. ctrlSubmit:function(fn,thisObj){ 
  8. var obj = thisObj || this
  9. var stat = false
  10. return this.each(function(){ 
  11. $(this).keyup(function(event){ 
  12. //只按下ctrl情况,等待enter键的按下 
  13. if(event.keyCode == 17){ 
  14. stat = true
  15. //取消等待 
  16. setTimeout(function(){ 
  17. stat = false
  18. },300); 
  19. }  
  20. if(event.keyCode == 13 && (stat || event.ctrlKey)){ 
  21. fn.call(obj,event); 
  22. }  
  23. }); 
  24. }); 
  25. }  
  26. }); 

使用方法:

 

 
  1. $("#textarea").ctrlSubmit(function(event){ 
  2. //提交代码写在这里 
  3. }); 

是不是非常的简单实用呢,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选