首页 程序笔记 JS判断连续输入完成

JS判断连续输入完成

JS如何判断连续输入完?js判断输入结束可以通过下面这个jquery插件完美实现。

引用js文件:http://www.leavescn.com/static/script/donetyping.js (未压缩前大小为3K)

使用方法:

$('#{你的input输入框的id}').donetyping(function () {
	//输入完成后执行的JS代码	
});

donetyping.js代码:

//
// $('#element').donetyping(callback[, timeout=1000])
// Fires callback when a user has finished typing. This is determined by the time elapsed
// since the last keystroke and timeout parameter or the blur event--whichever comes first.
//   @callback: function to be called when even triggers
//   @timeout:  (default=1000) timeout, in ms, to to wait before triggering event if not
//              caused by blur.
// Requires jQuery 1.7+
//
; (function ($) {
    $.fn.extend({
        donetyping: function (callback, timeout) {
            timeout = timeout || 1e3; // 1 second default timeout
            var timeoutReference,
                doneTyping = function (el) {
                    if (!timeoutReference) return;
                    timeoutReference = null;
                    callback.call(el);
                };
            return this.each(function (i, el) {
                var $el = $(el);
                // Chrome Fix (Use keyup over keypress to detect backspace)
                // thank you @palerdot
                $el.is(':input') && $el.on('keyup keypress paste', function (e) {
                    // This catches the backspace button in chrome, but also prevents
                    // the event from triggering too preemptively. Without this line,
                    // using tab/shift+tab will make the focused element fire the callback.
                    if (e.type == 'keyup' && e.keyCode != 8) return;

                    // Check if timeout has been set. If it has, "reset" the clock and
                    // start over again.
                    if (timeoutReference) clearTimeout(timeoutReference);
                    timeoutReference = setTimeout(function () {
                        // if we made it here, our timeout has elapsed. Fire the
                        // callback
                        doneTyping(el);
                    }, timeout);
                }).on('blur', function () {
                    // If we can, fire the event since we're leaving the field
                    doneTyping(el);
                });
            });
        }
    });
})(jQuery);
3

站心网

JS如何判断连续输入完?js判断输入结束可以通过下面这个jquery插件完美实现。引用js文件:http://www.leave..

为您推荐

判断 nginx 服务是否启动,未启动自动重启 shell脚本

我的是宝塔面板直接上代码nginx_procnum=`ps -ef|grep "nginx"|grep -v grep|wc -l`if [ $nginx_procnum -eq 0 ]then echo "start nginx..." /etc/init.d/nginx startelse echo "no cmd" fi然后添加定时任务;每分钟..

appendformat 输入字符串的格式不正确。

使用StringBuilder的appendFormat方法拼接json的时候出现了输入字符串的格式不正确这样的异常,一开始很莫名,以为是变量为null导致。真实原因是因为拼接内容里存在{}花括号导致的。 例如: sb.appendFormat("[{name..

你被入侵了DDOS,吓唬吓唬你

mvc async await异步编程

在mvc中如果要用纯异步请不要使用async和await,可以直接使用Task.Run。在mvc中使用async和await可以让系统开新线程处理Task的代码,同时不必等Task执行结束,就可以同时运行Task之后的代码,加快效率。要注意的是:..

支付宝第三方支付平台对接原理和实现

如果把商户网站使用第三方支付平台(比如支付宝)的原理搞清楚,那编程就变得简单多了。 整个过程大致这样: 1、商户与支付宝签约。 2、在商户网站购买商品,填写数量,确定购买后跳转到结账页面。结账页面可能包括订..

.NET Core 日志配置,NLog配置示例

.NET Core内置的日志组件附带了以堆日志提供程序,输出到控制台,输出,系统事件。在Program.cs组件配置里可以配置,如下。Console和Debug是默认配置。publicstaticIHostBuilderCreateHostBuilder(string[]args)=>Ho..

.Net报错Could not find a part of the path bin\roslyn\csc.exe

维护一个老网站,用vs2022打开后build能成功,但是在IIS里运行的时候会报错:Server Error in '/' Application.Could not find a part of the path '...\bin\roslyn\csc.exe'.Description: An unhan..

IIS中.NET Core报错HTTP Error 500.31 - ANCM Failed to Find Native Dependencies

在IIS部署.NET Core网站报错HTTP Error 500.31 - ANCM Failed to Find Native Dependencies。原因是需要安装.NET Core运行时和ASP.NET Hosting。1 安装.NET Core运行时,目前最新的是ASP.NET Core 运行时 6.0.10(可..

.NET Core MVC判断是否是ajax请求

在ASP.NET Core MVC中,可以通过检查请求头中是否包含X-Requested-With标头来判断请求是否为Ajax请求。可以使用以下代码来检查:if(Request.Headers["X-Requested-With"] == "XMLHttpRequest"){// 处理Ajax请求的逻..

.NET Core怎么判断请求类型

NET Core 中可以通过以下方法判断请求类型:使用 HttpRequest.Method 属性:HttpRequest.Method 属性可以获取请求方法,例如 GET、POST、PUT、DELETE 等。var request = HttpContext.Request;if (request.Method == ..

js判断浏览器类型

通过js可以判断浏览器类型,内核和终端,如是在手机打开还是电脑浏览器打开,具体代码如下。 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端..

JS判断是否在微信浏览器打开

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带..

.NET Core判断发起请求的设备

.NET Core 可以通过以下方法判断发起请求的设备:使用 HttpRequest.UserAgent 属性HttpRequest.UserAgent 属性可以获取发起请求的用户代理字符串。用户代理字符串包含有关发起请求的设备的信息,例如设备类型、操作..

.NET Core判断浏览器类型

.NET Core 可以通过以下方法判断浏览器类型:使用 HttpRequest.UserAgent 属性HttpRequest.UserAgent 属性可以获取发起请求的用户代理字符串。用户代理字符串包含有关发起请求的浏览器的信息,例如浏览器名称、浏览..

linux的Shell脚本中如何判断某个命令是否存在

我们在写shell脚本时,有时候需要根据某个命令是否存在来决定是否执行某些操作,可以有两种方法来判断命令是否存在,参考代码如下:判断linux命令是否存在,方法1:#!/bin/bashif which mycmd /dev/null 21; thenech..

人工智能AI会淘汰哪些职业?程序员会被替代吗?

最近OpenAI的ChatGPT大火,很多人都坦言人工智能太强大,可以完成很多日常工作,甚至比人做得更好。人工智能(AI)已经开始影响很多行业,因为它能够自动化很多重复性工作,提高效率和准确性。所以很多人担忧人工智..

基于浏览器的流程编辑工具:Node-RED简介

Node-RED是一种编程工具,用于以新颖有趣的方式将硬件设备、API和在线服务连接在一起。它提供了一个基于浏览器的流程编辑器,使您可以轻松地使用设计器中的各种节点将流连接在一起,并且可以一键将其部署到其运行,..

网站防止爬虫采集的方法有哪些?

网站防采集是一种常见的保护措施,用于防止恶意程序或自动化工具通过抓取网站上的数据。以下是一些常见的网站防采集方法:Robots.txt文件:通过在网站根目录下放置robots.txt文件,可以告诉搜索引擎爬虫或其他抓取工..

在.NET开发中,你如何处理高并发和大数据量的情况?请谈谈你在这方面的经验和使用的工具

在.NET开发中处理高并发和大数据量的情况是一个关键的挑战。以下是一些我在这方面的经验和使用的工具:异步编程:使用异步编程模型(如async/await关键字)可以提高应用程序的并发性能。通过异步操作,可以释放主线..

CentOS7安装unzip解压工具命令使用方法

CentOS7可以通过yum命令安装支持zip的工具unzip,下面是安装和使用的方法。安装unzip工具yuminstall-yunzipzip使用unzip命令解压zip文件#解压到当前目录下unziptest.zip#使用-d参数解压到指定目录下unzip-d/filestes..

发表回复

返回顶部