你的位置:首页 > 软件开发 > Java > 原生js实现autotemplete插件

原生js实现autotemplete插件

发布时间:2015-08-24 15:00:15
在实际的项目中,能用别人写好的插件实现相关功能是最好不过,为了节约时间成本,因为有的项目比较紧急,没充分时间让你自己来写,即便写了,你还要花大量时间调试兼容性。但是出于学习的目的,你可以利用闲暇时间,自己动手写写,看一些原生js的东西,根据自己的思路做插件,这样能提高水平。 ...

        在实际的项目中,能用别人写好的插件实现相关功能是最好不过,为了节约时间成本,因为有的项目比较紧急,没充分时间让你自己来写,即便写了,你还要花大量时间调试兼容性。但是出于学习的目的,你可以利用闲暇时间,自己动手写写,看一些原生js的东西,根据自己的思路做插件,这样能提高水平。

          说到autotemplete,好多人都用过,引用autotemplete.js,然后就可以实现在输入框输入值的时候提示下拉选项,类似于百度搜索框那种提示功能,下面就来说说自己的思路。

  1.  为输入框添加input事件

      input事件兼容性代码如下:

    

  AddEvt:function(ele, evt, fn) {        if (document.addEventListener) {          ele.addEventListener(evt, fn, false);        } else if (document.attachEvent) {          ele.attachEvent('on' + (evt == "input" ? "propertychange" : evt), fn);        } else {          ele['on' + (evt == "input" ? "propertychange" : evt)] = fn;        }      }

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:原生js实现autotemplete插件

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。