|
|
@@ -24,8 +24,13 @@ class AutoComplete {
|
|
|
init() {
|
|
|
this.container = document.querySelector(this.options.el);
|
|
|
this.input = this.container.querySelector('input');
|
|
|
+ this.ul = this.container.querySelector('.auto-select-list')
|
|
|
+ if(this.ul){
|
|
|
+ this.ul.remove();
|
|
|
+ }
|
|
|
this.ul = document.createElement('ul');
|
|
|
this.ul.style.display = 'none';
|
|
|
+ this.ul.classList.add('auto-select-list');
|
|
|
this.container.appendChild(this.ul);
|
|
|
this.input.addEventListener('input', this.handleInput);
|
|
|
this.input.addEventListener('blur', this.handleBlur);
|
|
|
@@ -97,6 +102,7 @@ class AutoComplete {
|
|
|
* 输入框blur事件
|
|
|
*/
|
|
|
blurEvent() {
|
|
|
+ if(!this.isPc()) return
|
|
|
this.ul.style.display = 'none';
|
|
|
}
|
|
|
|
|
|
@@ -147,59 +153,9 @@ class AutoComplete {
|
|
|
return result;
|
|
|
};
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-// test
|
|
|
-// function autocomplete(text) {
|
|
|
-// return [
|
|
|
-// '三全鲜食（北新泾店）',
|
|
|
-// 'Hot honey 首尔炸鸡（仙霞路）',
|
|
|
-// '新旺角茶餐厅',
|
|
|
-// '泷千家(天山西路店)',
|
|
|
-// '胖仙女纸杯蛋糕（上海凌空店）',
|
|
|
-// '贡茶',
|
|
|
-// '豪大大香鸡排超级奶爸',
|
|
|
-// '茶芝兰（奶茶，手抓饼）',
|
|
|
-// '十二泷町',
|
|
|
-// '星移浓缩咖啡',
|
|
|
-// '阿姨奶茶/豪大大',
|
|
|
-// '新麦甜四季甜品炸鸡',
|
|
|
-// 'Monica摩托主题咖啡店',
|
|
|
-// '浮生若茶（凌空soho店）',
|
|
|
-// 'NONO JUICE 鲜榨果汁',
|
|
|
-// 'CoCo都可(北新泾店）',
|
|
|
-// '快乐柠檬（神州智慧店）',
|
|
|
-// 'Merci Paul cafe',
|
|
|
-// '猫山王（西郊百联店）',
|
|
|
-// '枪会山',
|
|
|
-// '纵食',
|
|
|
-// '钱记',
|
|
|
-// '壹杯加',
|
|
|
-// '唦哇嘀咖',
|
|
|
-// '爱茜茜里(西郊百联)',
|
|
|
-// '爱茜茜里(近铁广场)',
|
|
|
-// '鲜果榨汁（金沙江路和美广店）',
|
|
|
-// '开心丽果（缤谷店）',
|
|
|
-// '超级鸡车（丰庄路店）',
|
|
|
-// '妙生活果园（北新泾店）',
|
|
|
-// '香宜度麻辣香锅',
|
|
|
-// '凡仔汉堡（老真北路店）',
|
|
|
-// '港式小铺',
|
|
|
-// '蜀香源麻辣香锅（剑河路店）',
|
|
|
-// '北京饺子馆',
|
|
|
-// '饭典*新简餐（凌空SOHO店）',
|
|
|
-// '焦耳·川式快餐（金钟路店）',
|
|
|
-// '动力鸡车',
|
|
|
-// '浏阳蒸菜',
|
|
|
-// '四海游龙（天山西路店）',
|
|
|
-// '樱花食堂（凌空店）',
|
|
|
-// '壹分米客家传统调制米粉(天山店)',
|
|
|
-// '福荣祥烧腊（平溪路店）',
|
|
|
-// '速记黄焖鸡米饭',
|
|
|
-// '红辣椒麻辣烫',
|
|
|
-// '(小杨生煎)西郊百联餐厅',
|
|
|
-// '阳阳麻辣烫',
|
|
|
-// '南拳妈妈龙虾盖浇饭',
|
|
|
-// ].filter((item) => text && item.indexOf(text) > -1);
|
|
|
-// }
|
|
|
+ isPc(){
|
|
|
+ return window.innerWidth > 768
|
|
|
+ }
|
|
|
+}
|
|
|
|
yuwenjun1997