fixed jaywcjlove#4 添加上下键选择Enter进入快捷键

jaywcjlove · jaywcjlove · commit 75de4c347f19 · 2017-03-06T01:01:25.000+08:00
diff --git a/template/js/index.js b/template/js/index.js
@@ -101,7 +101,7 @@
                     if(self.isSreachIndexOF(arr[i].n,self.query)
                      || self.isSreachIndexOF(arr[i].d,self.query) 
                     ){
-                        if(count<show_list_count){
+                        if(count < show_list_count){
                             arrResultHTML.push(self.createKeyworldsHTML(arr[i],self.query,islist));
                             ++count;
                         }
@@ -122,6 +122,32 @@
                 elm.appendChild(myLi);
             }
         },
+        // 选中搜索结果效果
+        selectedResult:function(type){
+            var items = this.elm_result.children;
+            var index = 0;
+            for(var i=0;i < items.length;i++){
+                if(items[i].className == 'ok'){
+                    items[i].className = '';
+                    if(type == 'up') index = i-1;
+                    else index = i+1;
+                    break;
+                };
+            };
+            if(items[index]) items[index].className = 'ok';
+        },
+        // 是否选中搜索结果
+        isSelectedResult:function(){
+            var items = this.elm_result.children;
+            var isSel = false;
+            for(var i=0;i < items.length;i++){
+                if(items[i].className == 'ok'){
+                    isSel = items[i];
+                    break;
+                };
+            };
+            return isSel;
+        },
         init:function(){
             var self = this;
             var kw = self.getQueryString('kw');
@@ -163,7 +189,17 @@
             // 输入Enter键
             this.bindEvent(document,'keyup',function(e){
                 if(e.key =='Enter'){
-                    self.elm_btn.click();
+                    var item = self.isSelectedResult();
+                    if(!item) return self.elm_btn.click();
+                    if(item.children[0]) {
+                        item.children[0].click();
+                    }
+                }else if(e.keyCode === 40){
+                    // ArrowDown
+                    self.selectedResult()
+                }else if(e.keyCode === 38){
+                    // ArrowUp
+                    self.selectedResult("up");
                 }
             })
 
diff --git a/template/styl/index.styl b/template/styl/index.styl
@@ -53,6 +53,11 @@ a.github-corner {
         li,ul{
             list-style none
         }
+        #result{
+            .ok{
+                background:#f4f4f4;
+            }
+        }
         .search-list{
             position absolute
             display none
