哪个事件属于“在文本字段中键入文本”?使用 jQuery

发布于 2024-09-05 09:53:24 字数 104 浏览 6 评论 0原文

想象一下有一个复选框和一个文本字段的公式。如果有人开始在文本字段中输入“bla bla bla 不管怎样”,该复选框应该会自动勾选。是否有与输入相对应的事件,或者我是否必须使用 .focus ?

Just imagine a formular where there is a checkbox and a textfield. If someone starts typing into the textfield "bla bla bla whatever", the checkbox should tick itself. Is there a event that corresponds to the typing or do I have to use .focus ?

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

看春风乍起 2024-09-12 09:53:25

是的,keyup() 事件处理程序。请参阅http://api.jquery.com/keyup/

Yes, keyup() event handler. See http://api.jquery.com/keyup/

春夜浅 2024-09-12 09:53:25

如果您使用 jQueryUI,自动完成功能有一个源事件,该事件在键入、ctrl+v 粘贴等时触发。它还具有指定最小长度和击键延迟的巨大优势。

jQueryUI .autocomplete() 非常通用,不仅仅用于复杂的 ajax 任务。

$("input#vin").autocomplete({
  delay: 500,
  minLength: 17,
  source: function () {
    // Do your stuff here, keep in mind that you can't use $(this) inside this closure, as it is closed in of the autocomplete function. 
    decodeVinAjax(autofillVehicleDetails, $('input#vin').val());
  }
});

If you use jQueryUI the autocomplete function has a source event which is fired on typing, ctrl+v pasting and so on. It also has the huge advantage of specifying a minimum length and keystroke delay.

jQueryUI .autocomplete() is quite versatile and not just reserved for complex ajax tasks.

$("input#vin").autocomplete({
  delay: 500,
  minLength: 17,
  source: function () {
    // Do your stuff here, keep in mind that you can't use $(this) inside this closure, as it is closed in of the autocomplete function. 
    decodeVinAjax(autofillVehicleDetails, $('input#vin').val());
  }
});
等风来 2024-09-12 09:53:24

键入时触发的事件有:

  • onkeydown (jQuery: keydown)
  • onkeyup (jQuery: keyup)
  • onkeypress(jQuery:keypress

您可以为其中任何一个创建事件处理程序,以修改或影响用户输入。
还要注意 .preventDefault().stopPropagation() 函数,它们会阻止元素的默认行为或抑制事件在 DOM 中冒泡。

参考文献:keyup按键按键preventDefault(),

events which are fired on typing are:

  • onkeydown (jQuery: keydown)
  • onkeyup (jQuery: keyup)
  • onkeypress (jQuery: keypress)

You may create an event handler to any of those to modify or influence users input.
Also be aware of .preventDefault() and .stopPropagation() functions, which prevent the default behavior for an element or suppress the event bubbling up the DOM.

References: keyup, keydown, keypress, preventDefault(), stopPropagation()

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