文档章节

delaycall.js 修改表单延迟自动提交的 jQuery / Zepto 插件

倚楼听风雨_
 倚楼听风雨_
发布于 2016/09/20 14:08
字数 245
阅读 450
收藏 12

delaycall.js

delaycall 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数。如用户输入完内容后,延迟1秒,自动提交表单。

GitHub Repository

https://github.com/yzchen0o0/delaycall

git@OSC Repository

http://git.oschina.net/cyzshenzhen/delaycall

Demo

点击查看在线演示地址

Quick Start Guide

include

<script src="./jquery-1.11.3.js"></script>
<script src="./delaycall.js"></script>

JavaScript

function foo() {
    alert('保存成功!');
}

$(function() {
    $('input').delaycall({
    'func': foo,               // 必填,函数名称
    'times': 1000,             // 选填,延迟时间,单位:毫秒
    'beforeCallClear': true,   // 选填,未执行func前,绑定事件被触发,是否清理之前定义的定时器
    'event': 'blur',           // 选填,触发事件,默认是离开焦点时触发,依据jquery/zepto语法,如 keydown ...
    'justNormalKeyCode': true  // 选填,event -> keydown 时,是否只支持普通按键:英文、数字
    });
});

Html

文本框1:<input id="s1"/>&nbsp;&nbsp;文本框2:<input id="s2"/>

My Blog

blog.guijianpan.com

© 著作权归作者所有

共有 人打赏支持
倚楼听风雨_

倚楼听风雨_

粉丝 52
博文 10
码字总数 8746
作品 1
长沙
私信 提问
加载中

评论(7)

红薯
红薯

引用来自“红薯”的评论

软件很棒,托管到码云上把,我们会予以推荐,效果会很好

引用来自“倚楼听风雨_”的评论

好,一会儿就托管上去,一直都在用git@osc,只是想用下github page,尝尝鲜😄
码云也有 pages 服务哦:)
倚楼听风雨_
倚楼听风雨_

引用来自“--你猜”的评论

一直想找这么一个插件,像这种不提供保存按钮,修改表单内容, 自动提交保存的情况,都是自己写事件代码调用的, 重用性太差,这个插件看起来不错。
谢谢支持😁
倚楼听风雨_
倚楼听风雨_

引用来自“60love35”的评论

得到
😊
--你猜
--你猜
一直想找这么一个插件,像这种不提供保存按钮,修改表单内容, 自动提交保存的情况,都是自己写事件代码调用的, 重用性太差,这个插件看起来不错。
6
60love35
得到
倚楼听风雨_
倚楼听风雨_

引用来自“红薯”的评论

软件很棒,托管到码云上把,我们会予以推荐,效果会很好
好,一会儿就托管上去,一直都在用git@osc,只是想用下github page,尝尝鲜😄
红薯
红薯
软件很棒,托管到码云上把,我们会予以推荐,效果会很好
yzChen/delaycall

delaycall.js delaycall.js 是一个 jQuery / Zepto 插件,用于在用户完成某项操作后,延迟指定秒数后自动调动指定函数。如用户输入完内容后,延迟1秒,自动提交表单。 delaycall.js is a jQ...

yzChen
2016/09/20
0
0
15 个非常有用的 jQuery 表单插件

有很多 jQuery 的表单插件。这里收集了其中15个是最有用的插件。 ALAJAX (Ajaxify your HTML form) 该插件可轻松将你的表单变成 Ajax 方式处理,阻止了提交动作,然后通过 Ajax 方式提交。 ...

oschina
2012/12/04
6K
13
20个jQuery插件,帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地使用体 验。基于这一点,很多设计师开始使...

鉴客
2012/03/31
4.9K
13
15 款优秀的 HTML5 jQuery 插件

如果你在寻找能优化网站,使其更具有创造力和视觉冲击的工具,那么这里刚好要介绍能为博客或者网站添彩的 jQuery 插件。在这篇文章中我们手机了一系列的令人兴奋的 HTML5 jQuery 插件,帮助你...

oschina
2014/02/13
13.4K
4
15 款优化表单的 jQuery 插件

网页上的表单提供给用户的一种交互的方式,用户输入数据,提交到服务器,等待后续的处理。这些表单在我们浏览的网页中随处可见,也容易被我们忽略。 比如,“联系我们”页面会提供一个表单给...

oschina
2014/05/26
10.8K
15

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 自定义你的空间

通过对你的空间进行界面的自定义能够让你的空间更加出类拔萃。 如果你具有空间管理员权限,你可以修改你空间的颜色配色,添加你自己的空间标识,选择是否在你空间中显示边栏。或者你可以进入...

honeymose
52分钟前
1
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部