TypeWatch 检查用户停止输入的 jQuery 插件

发布于 2020-05-02 10:02:43 字数 1366 浏览 1483 评论 0

TypeWatch 一个 jQuery 插件,用于确定用户何时停止输入文本字段,当用户从编辑器,包括 HTML5 输入类型中键入输入、文本区域和 DIV 中的更改时,在用户停止键入指定的时间之后,TypeWatch 调用函数。

注:这不是 OnChange 事件,而是在用户完成输入,或者用户停止键入多少毫秒之后调用该函数,即使输入框继续具有焦点。

这可以与自动完成实现结合使用,因此,与其每 500ms 触发一次 Ajax 调用,您还可以在它们停止键入时触发它一次。

现在支持 HTML 5 onput 事件的浏览器支持它

// callback: The callback function
// wait: The number of milliseconds to wait after the the last key press before firing the callback
// highlight: Highlights the element when it receives focus
// allowSubmit: Allows a non-multiline element to be submitted (enter key) regardless of captureLength
// captureLength: Minimum # of characters necessary to fire the callback

var options = {
    callback: function (value) { console.log('TypeWatch callback: (' + (this.type || this.nodeName) + ') ' + value); },
    wait: 750,
    highlight: true,
    allowSubmit: false,
    captureLength: 2
}

$("#search").typeWatch( options );
  • 当使用除TEXTAREA进入键将触发回调函数。
  • 当使用任何支持DIV它的工作原理就像一个文本区域。
  • 还包括剪切和粘贴事件。

工作具有多个元素:

$(".textbox,input,textarea,#search").typeWatch( options );

https://github.com/dennyferra/TypeWatch

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文