jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了用于文本字段上自动完成选择的jQuery侦听器大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些jQuery监听器设置,它监听type =“text”字段上的表单输入.然而,当用户自动完成下拉框中选择一个选项(即,他们之前输入的值已被记住以供将来使用)时,下面的听众不会收集该值.

这是我目前的代码

$('#text-input').on("keyup change paste",function() {
    var texTinput = $(this).val();
    // do something with texTinput
});

以上工作用于粘贴和输入,但不是从下拉建议列表中选择选项时.

谁能告诉我我需要添加什么样的听众?

干杯.

我的解决方

尝试使用自动完成侦听器后,我发现这似乎在我的场景中不起作用,所以我添加了以下代码,灵感来自已接受的答案.

var timer = 0;
$('#text-input').on("keyup change paste",function() {
    if (timer != null) {
        clearTimeout(timer);
        timer = setTimeout(function() {
            var texTinput = $(this).val();
            // do something with texTinput
        },1000);
    }
});

额外的好处是我的文本输入采用URL,然后使用它将其他内容加载到页面中.通过设置超时,这意味着当用户仍在键入时,脚本不会一直尝试加载URl.

解决方法

您需要在建议列表中添加一个侦听器(在整个列表中,依次为 with delegation或每个值).每当在建议上发生点击事件时,您都会更新搜索框中的值.

我刚刚意识到你的意思是浏览器的认建议(即自动完成属性).这个答案可能会有所帮助:Javascript detect a selection of browser AutoComplete value.当有焦点时,它会轮询值的输入,这样即使自动完成没有触发任何事件,也会检测到更改.

大佬总结

以上是大佬教程为你收集整理的用于文本字段上自动完成选择的jQuery侦听器全部内容,希望文章能够帮你解决用于文本字段上自动完成选择的jQuery侦听器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。