zoukankan      html  css  js  c++  java
  • 这才是实时监听输入框值变化的完美方案

    我想:这个功能可以解决onchange,onpropertychange,oninput在各主流浏览器中不兼容的问题了。

    此功能用于快速模糊查找和添加数据

    当输入“t“字母的时候实时列出10条物料名称、简拼、型号等字段中包含T字母的数据

    当然可以输入汉字查询,包含更多的字段模糊查询,列出更多条数据和按照某些(出入库频率,使用频率)字段排序。

    再次输入“v“的时候重新加载数据列表,定位到某个物料。

    点击加号

    添加到物料清单列表里。并且可以删除

    本人比较喜欢写JS,但是能力有限,写这样的功能。也费了不少劲。

    实现功能主要用了window.onload()函数,setInterval("函数名称",毫秒)函数,JQuery.AJAX获取数据。(要引用Jquery的框架)

    setInterval()函数相当于winform中的时钟,过多长时间执行一次某个函数,直到clearinterval()函数执行,clearinterval()没有用到,故没有深究。

    写一下实现流程

    1.window.onload()初始化公有变量。执行setInterval("showdata()",100),每100毫秒执行一次showdata()函数

    2.showdata()函数中判断查询文本框中是否有关键字,如果没有,则跳过,并隐藏数据列表,有则执行第3步。

    3.把关键字赋值给一个公有变量,如currentkeyword,保存起来,用作下一次进入函数时和关键字做是否相同的判断,如果相同则跳过,不同则执行第4步。(如果没有这一步,将会一直给数据列表赋值,影响性能)。

    4.JQuery.AJAX获取数据,填充到数据列表中,显示数据列表。

    5.结束。

    代码不贴了,原因是引用了外部的CSS和脚本,不能完美的展现给大家。如有需要请留言或加微信:wangxihui_gxfc

    同时欢迎大神小神指指点点。

    备注:标题是为了吸引大家来看看。

  • 相关阅读:
    郁闷的Alexa破10万。
    回到杭州,2009开始了。
    美剧。
    英来网招聘:兼职js开发。(补充)
    村姑的Beta 2.0,TT。
    爆牙齿的Web标准面试考题II(iPhone SMS/iChat UI的Web标准实现)
    天使飞来。
    Web标准的未来,浏览器的未来,应用的未来。
    咖啡厅与产品形态。
    学习使用笔和纸。
  • 原文地址:https://www.cnblogs.com/luke1006/p/6255080.html
Copyright © 2011-2022 走看看