这是一个jQuery / js pro:
我还没有完成这个项目,只是因为部分代码的行为不一致......在我写完之后,我立刻听到你们中的一个人说:“代码中没有不一致的行为,只有不必要的行为。”
有关设置的说明:
- 在网络应用中编辑记录
- 使用.change()启动我的脚本。
- 字段中的初始值通过js进行比较
改变了。
- 比较检查新值是否为1)与原始值相同,2)a
列表中的现有值,3)未包含的新值
列表。
- 使用jQuery FlexBox在。上创建类似谷歌建议的行为
输入字段(可能的匹配在您键入时显示在框中,但是
不是强迫你的。)
期望的行为:
- 用户通过以下方式添加新值:1)键入完整值
并离开现场,2)键入部分值然后点击
选项卡选择建议值,或3)键入部分值和
然后单击框中的建议值。
- 逻辑在其中一个事件之后运行。
问题:
- 如果用户点击框中的建议值(上面的数字3),逻辑就会运行
在将该值添加到输入之前。这是因为浏览器
检测到它们离开输入字段,从而触发.change()。
这导致代码比较空字符串或部分拼写
带有现有值列表的单词。然后逻辑确定
他们的选择总是一个全新的价值。
我该如何克服这个问题?