From 6f48c6ed2d74fd0360f8f76b45c3b0ea25aa47a0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=95=E5=B1=82=E7=94=A8=E6=88=B7?= Date: Fri, 19 Aug 2022 11:55:02 +0800 Subject: [PATCH] =?UTF-8?q?Fix=20=E6=90=9C=E7=B4=A2=E6=A1=86=E6=97=A0?= =?UTF-8?q?=E6=B3=95=E7=82=B9=E5=87=BB=20#2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 47 ++++++++++- css/style.min.css | 1 + js/main.js | 17 +++- js/set.js | 205 +++++++++++++++++----------------------------- 4 files changed, 133 insertions(+), 137 deletions(-) create mode 100644 css/style.min.css diff --git a/css/style.css b/css/style.css index c42aecb..541da1c 100644 --- a/css/style.css +++ b/css/style.css @@ -134,6 +134,46 @@ img.error { transition: 0.3s; } +/* +搜索框点击后更改样式 +*/ + +/*搜索框*/ +.onsearch .all-search { + background-color: var(--main-text-form-hover-color); + transform: translateY(-140%); + transition: ease 0.3s !important; +} + +/*背景模糊*/ +.onsearch #bg { + transform: scale(1.08) !important; + filter: blur(10px) !important; + transition: ease 0.3s !important; +} + +/*搜索引擎按钮*/ +.onsearch #icon-se { + color: var(--main-text-form-color) !important; + transition: ease 0.5s; +} + +/*搜索按钮*/ +.onsearch #icon-sou { + color: var(--main-text-form-color) !important; + transition: ease 0.5s; +} + +/*时间上移*/ +.onsearch .tool-all { + transform: translateY(-140%) !important; +} + +/*搜索引擎选择上移*/ +.onsearch .search-engine { + transform: translateY(-38%) !important; +} + /*时间*/ .tool-all { @@ -372,7 +412,7 @@ img.error { #keywords { position: absolute; width: 100%; - top: 46%; + top: 46.5%; font-size: small; color: var(--main-text-color); background-color: var(--main-background-color); @@ -405,7 +445,8 @@ img.error { font-size: small; } -.keyword:hover { +.keyword:hover, +.keyword.choose { cursor: pointer; /* font-weight: bold; */ transition: 0.3s; @@ -1011,4 +1052,4 @@ input[type="radio"]:checked+label { width: 100%; height: 100%; position: absolute; -} +} \ No newline at end of file diff --git a/css/style.min.css b/css/style.min.css new file mode 100644 index 0000000..b2d9f47 --- /dev/null +++ b/css/style.min.css @@ -0,0 +1 @@ +@charset "utf-8";:root{--body-background-color:#333333;--main-text-color:#efefef;--main-text-form-color:#333333;--main-text-form-hover-color:#efefef;--main-background-color:#00000040;--main-background-hover-color:#acacac60;--main-background-active-color:#8a8a8a80;--main-button-color:#ffffff40;--main-button-hover-color:#00000030;--main-button-active-color:#00000020;--main-input-color:#ffffff30;--main-input-text-placeholder-color:#ffffff70;--main-text-shadow:0px 0px 8px #00000066;--main-search-shadow:0 0 20px #0000000d;--main-search-hover-shadow:0 0 20px #00000033;--border-bottom-color-hover:#efefef80;--border-bottom-color-active:#efefef}body,html{width:100%;height:100%;margin:0;background-color:var(--body-background-color);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*,a,p{text-decoration:none;transition:.3s;color:var(--main-text-color);user-select:none;font-family:MiSans,sans-serif}section{display:block;position:fixed;width:100%;height:100%;min-height:600px;opacity:0;transition:ease 1.5s}.noclickn{pointer-events:none}.bg-all{z-index:0;position:absolute;top:calc(0px + 0px);left:0;width:100%;height:calc(100% - 0px);transition:.25s}#bg{transform:scale(1.1);filter:blur(10px);position:fixed;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s,transform .25s,filter .25s;backface-visibility:hidden}img.error{display:none}.cover{opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%);transition:.25s}#content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.con{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.sou{max-width:680px;width:calc(100% - 60px);animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.box .all-search{opacity:0;transition:.3s}.onsearch .all-search{background-color:var(--main-text-form-hover-color);transform:translateY(-140%);transition:ease .3s!important}.onsearch #bg{transform:scale(1.08)!important;filter:blur(10px)!important;transition:ease .3s!important}.onsearch #icon-se{color:var(--main-text-form-color)!important;transition:ease .5s}.onsearch #icon-sou{color:var(--main-text-form-color)!important;transition:ease .5s}.onsearch .tool-all{transform:translateY(-140%)!important}.onsearch .search-engine{transform:translateY(-38%)!important}.tool-all{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateY(-120%);z-index:1}.time{color:var(--main-text-color);display:flex;flex-direction:column;align-items:center}#point{margin:0 4px;animation:fadenum 2s infinite;-webkit-animation:fadenum 2s infinite;-moz-animation:fadenum 2s infinite;-o-animation:fadenum 2s linear infinite;-ms-animation:fadenum 2s linear infinite}#time_text{font-size:3rem;margin:6px 0;text-shadow:var(--main-text-shadow);transition:.2s}#time_text:hover{cursor:pointer;transition:.2s;transform:scale(1.08)}#time_text:active{transition:.2s;opacity:.6;transform:scale(1.02)}#day{font-size:1.15rem;opacity:.8;margin:4px 0;text-shadow:var(--main-text-shadow)}.weather{color:#efefef;opacity:.8;font-size:1.1rem;text-shadow:var(--main-text-shadow)}.s,.search,.wd{padding:0;margin:0;border:none;outline:0;background:0 0;display:flex;justify-content:center;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.wd::-webkit-input-placeholder{letter-spacing:2px;font-size:1.05rem}.all-search{display:flex;align-items:center;width:100%;height:43px;border-radius:30px;color:var(--main-text-color);background-color:var(--main-background-color);box-shadow:var(--main-search-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:.5s ease}.all-search:hover{box-shadow:var(--main-search-hover-shadow)}.con .sou form .wd{width:100%;height:100%;line-height:100%;text-indent:4px;font-size:1.25rem;color:var(--main-text-form-color)}.sou form .s,.sou form .se{width:40px;height:40px;display:flex;padding:10px;cursor:pointer;justify-content:center;align-items:center}#icon-se,#icon-sou{font-size:1.25rem;color:#efefef}.sou form .se{transition:.3s;border-radius:0 30px 30px 0}.sou form .se:hover{transition:.3s;background:var(--main-background-color);border-radius:0 30px 30px 0}.sou-button{transition:.3s;border-radius:30px 0 0 30px}.sou-button:hover{transition:.3s;background:var(--main-background-color);border-radius:30px 0 0 30px}.all-search input::-webkit-input-placeholder{color:var(--main-text-color);text-align:center}.all-search input::-moz-placeholder{color:var(--main-text-color);text-align:center}.all-search input:-ms-input-placeholder{color:var(--main-text-color);text-align:center}.search-engine{position:absolute;margin-top:10px;margin-left:5px;padding:10px;color:var(--main-text-color);background-color:var(--main-background-color);box-shadow:var(--main-search-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;display:none;z-index:999;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.search-engine-list{display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;height:152px;overflow-y:auto;overflow-x:hidden}.se-li{flex:1;width:23%;min-width:23%;max-width:23%;width:100%;padding:8px 0;margin:1%;border-radius:8px;transition:.3s;background:var(--main-background-color)}.se-li:hover{cursor:pointer;transition:.3s;border-radius:8px;background-color:var(--main-background-hover-color)}.se-li-text{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.se-li-text span{margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#keywords{position:absolute;width:100%;top:46.5%;font-size:small;color:var(--main-text-color);background-color:var(--main-background-color);box-shadow:var(--main-search-shadow);border-radius:8px;display:none;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:down;-webkit-animation:down .5s;-moz-animation:down .5s;-o-animation:down .5s;-ms-animation:down .5s}.keyword{padding:6px 12px;border-radius:8px;transition:.3s;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.keyword i{margin-right:6px;font-size:small}.keyword.choose,.keyword:hover{cursor:pointer;transition:.3s;text-indent:10px;border-radius:8px;background-color:var(--main-background-hover-color);border-radius:8px}.mark,.set{flex-direction:column;align-items:center;background:var(--main-background-color);border-radius:8px;height:400px;max-height:400px;width:80%;max-width:900px;max-width:900px;position:absolute;margin-top:200px;z-index:2000;animation:fade;-webkit-animation:fade .75s;-moz-animation:fade .75s;-o-animation:fade .75s;-ms-animation:fade .75s}.mark .tab,.set .tabs{height:40px;min-height:40px;width:100%;display:flex;justify-content:space-around;align-items:center;margin-bottom:20px}.set .tabs{margin-bottom:0!important}.mark .tab .tab-item,.set .tabs .tab-items{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:.95rem;transition:.3s;border-bottom:2px solid transparent;border-top:2px solid transparent}.mark .tab .tab-item:hover,.set .tabs .tab-items:hover{transition:.3s;cursor:pointer;border-bottom-color:var(--border-bottom-color-hover)}.mark .tab .tab-item.active,.set .tabs .tab-items.actives{border-bottom-color:var(--border-bottom-color-active)}.products,.productss{width:100%;height:100%}.products .mainCont,.productss .mainConts{display:none;width:100%;flex-wrap:wrap;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.products .mainCont.selected,.productss .mainConts.selected{display:flex}.quick-all,.quick-alls{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;width:100%;margin:0 20px 20px 20px;height:316px;overflow:auto}.quick,.quicks{flex:1;height:48px;background:var(--main-background-color);cursor:pointer;border-radius:8px;width:18%;min-width:18%;max-width:18%;margin:0 1% 2% 1%;transition:.3s}.quick:hover,.quicks:hover{transition:.3s;background:var(--main-background-hover-color)}.quick:active,.quicks:active{transform:scale(.95);transition:.3s;background:var(--main-background-active-color)}.quick a,.quicks a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu{width:44px;height:44px;position:absolute;right:8px;top:8px;z-index:2000000;cursor:pointer;transition:.5s;border-radius:8px;transition:.3s;animation:fade;-webkit-animation:fade 1s;-moz-animation:fade 1s;-o-animation:fade 1s;-ms-animation:fade 1s}#menu:hover{cursor:pointer;transition:.3s;background:var(--main-background-color);border-radius:8px}#menu:active{cursor:pointer;transform:scale(.9)}#menu i{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.75rem;transition:.3s}.set_blocks{width:100%;height:340px;display:flex;flex-direction:column;justify-content:space-between}.set_blocks_content{display:flex;margin:20px 20px 0 20px;height:430px;flex-direction:column;justify-content:space-between}.from_items.button,.set_blocks_content .se_add_preinstall,.set_blocks_content .se_add_preinstalls{display:flex;justify-content:center}.quick_add_cancel,.quick_add_save,.se_add_cancel,.se_add_save,.set_quick_list_add,.set_quick_list_preinstall,.set_se_list_add,.set_se_list_preinstall,.wallpaper_save{width:25%;display:flex;height:40px;border-radius:8px;background:var(--main-background-color);margin:0 20px;justify-content:center;align-items:center;transition:.3s}.quick_add_cancel:hover,.quick_add_save:hover,.se_add_cancel:hover,.se_add_save:hover,.set_quick_list_add:hover,.set_quick_list_preinstall:hover,.set_se_list_add:hover,.set_se_list_preinstall:hover,.wallpaper_save:hover{cursor:pointer;background:var(--main-background-hover-color);transition:.3s}.quick_add_cancel:active,.quick_add_save:active,.se_add_cancel:active,.se_add_save:active,.set_quick_list_add:active,.set_quick_list_preinstall:active,.set_se_list_add:active,.set_se_list_preinstall:active,.wallpaper_save:active{transform:scale(.9);background:var(--main-background-active-color);transition:.3s}.set_blocks_content button{width:40px;height:100%;background:var(--main-button-color);border:1px solid transparent;transition:.3s}.set_blocks_content button:hover{cursor:pointer;background:var(--main-button-hover-color)}.set_blocks_content button:active{transform:scale(.95);background:var(--main-button-active-color)}.add_content,.quick_list,.se_add_preinstall,.se_add_preinstalls,.se_list{animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}.add_content{display:flex;flex-direction:column;height:320px;justify-content:space-between;overflow-y:auto;overflow-x:hidden}.froms{height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.froms .from_items{display:flex;flex-direction:row;align-items:center;width:100%}.from_text{width:60px;display:flex;justify-content:center;margin-right:10px}#wallpaper_url input,.add_content input{font-size:1.05rem;outline:0;height:40px;width:100%;border-radius:8px;padding:0 10px;border:none;background:var(--main-input-color)}#wallpaper_url input:active,#wallpaper_url input:hover,.add_content input:active,.add_content input:hover{box-shadow:var(--main-search-hover-shadow)}#wallpaper_url input::-webkit-input-placeholder,.add_content input::-webkit-input-placeholder{color:var(--main-input-text-placeholder-color)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.quick_list,.se_list{height:260px;overflow-y:auto}.quick_list_table,.se_list_table{display:flex;flex-direction:column;margin:0 10px}.quick_list_div,.se_list_div{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:14px;background:var(--main-background-color);border-radius:8px;transition:.3s}.quick_list_div:hover,.se_list_div:hover{background:var(--main-background-hover-color);transition:.3s}.quick_list_div_num,.se_list_num{height:40px;width:40px;min-width:40px;display:flex;justify-content:center;align-items:center;background:var(--main-background-color);border-radius:8px}.quick_list_div_name,.se_list_name{width:100%;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick_list_div_button,.se_list_button{height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}#wallpaper{display:flex;flex-direction:row}#wallpaper_url{margin:10px 0;animation:fade;-webkit-animation:fade .5s;-moz-animation:fade .5s;-o-animation:fade .5s;-ms-animation:fade .5s}#wallpaper_text{font-weight:700;margin-top:6px}.form-radio{margin:0 10px 10px 0}input[type=radio]+label{cursor:pointer;padding:6px 10px;background:var(--main-background-color);border-radius:8px;transition:.3s;border:2px solid transparent}input[type=radio]:checked+label{background:var(--main-background-active-color);border:2px solid var(--main-background-active-color)}.set_tip{display:flex;margin:20px;background:var(--main-background-color);padding:20px;border-radius:8px;flex-direction:column}.set_button{margin:20px;display:flex;justify-content:center}.but-ordinary{width:25%;display:flex;height:40px;border-radius:8px;background:var(--main-background-color);margin:0 20px;justify-content:center;align-items:center;transition:.3s}.but-ordinary:hover{cursor:pointer;background:var(--main-background-hover-color);transition:.3s}.but-ordinary:active{transform:scale(.9);background:var(--main-background-active-color);transition:.3s}.set_version{display:flex;justify-content:center;flex-direction:column;align-items:center}.set_version-text2{font-size:small;color:var(--main-background-active-color)}.foot{position:absolute;bottom:10px;z-index:1000;text-align:center;width:100%;height:20px;line-height:20px}.power{color:var(--main-text-color);opacity:.8;font-size:small;text-shadow:var(--main-text-shadow)}.iziToast{backdrop-filter:blur(10px)!important}.iziToast:after{box-shadow:none!important}.iziToast>.iziToast-body{display:flex;align-items:center}.iziToast>.iziToast-body .iziToast-message{margin:0!important}.iziToast>.iziToast-body .iziToast-texts{margin:0!important}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){margin:2px 6px!important;color:#efefef!important}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus{box-shadow:none!important}::-webkit-scrollbar{background-color:transparent!important;width:6px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:var(--main-background-color)}::-webkit-scrollbar-thumb:hover{background-color:var(--main-background-active-color)}::selection{background:#00000040;color:#000000b3}::-moz-selection{background:#00000040;color:#000000b3}::-webkit-selection{background:#00000040;color:#000000b3}.from_items input::selection{background:#ffffff60;color:#ffffffb3}.close_sou{width:100%;height:100%;position:absolute} \ No newline at end of file diff --git a/js/main.js b/js/main.js index 3c85d6d..5ce065d 100644 --- a/js/main.js +++ b/js/main.js @@ -130,12 +130,21 @@ $(function () { }) }) +//输入框为空时阻止跳转 +$(window).keydown(function (e) { + var key = window.event ? e.keyCode : e.which; + if (key.toString() == "13") { + if ($(".wd").val() == "") { + return false; + } + } +}); + //点击搜索按钮 $(".sou-button").click(function () { - iziToast.show({ - message: '问题未修复，请点击键盘上的确认键以搜索', - }); - // $('#search-submit').click(); + if ($("body").attr("class") === "onsearch") { + $("#search-submit").click(); + } }); //控制台输出 diff --git a/js/set.js b/js/set.js index 46669df..bd33e14 100644 --- a/js/set.js +++ b/js/set.js @@ -250,74 +250,16 @@ function setBgImgInit() { // 搜索框高亮 function focusWd() { - //输入框 - $(".all-search").css({ - "background-color": 'var(--main-text-form-hover-color)', - "transition": "ease 0.4s", - "transform": "translateY(-140%)" - }); - //背景模糊 - $('#bg').css({ - "transform": "scale(1.08)", - "filter": "blur(10px)", - "transition": "ease 0.3s", - }); - //搜索引擎按钮 - $('#icon-se').css({ - "color": 'var(--main-text-form-color)', - "transition": "ease 0.5s" - }); - //搜索按钮 - $('#icon-sou').css({ - "color": "var(--main-text-form-color)", - "transition": "ease 0.5s" - }); - //时间上移 - $(".tool-all").css({ - "transform": "translateY(-140%)" - }); - //搜索引擎选择上移 - $(".search-engine").css({ - "transform": "translateY(-30%)" - }); + $("body").addClass("onsearch"); } // 搜索框取消高亮 function blurWd() { - //输入框 - $(".all-search").css({ - "background-color": "", - "transition": "ease 0.4s", - "transform": "" - }); - //背景模糊 - $('#bg').css({ - "transform": "scale(1)", - "filter": "blur(0px)", - "transition": "ease 0.3s", - }); - //搜索引擎按钮 - $('#icon-se').css({ - "color": "var(--main-text-color)", - "transition": "ease 0.5s" - }); - //搜索按钮 - $('#icon-sou').css({ - "color": 'var(--main-text-color)', - "transition": "ease 0.5s" - }); + $("body").removeClass("onsearch"); //隐藏输入 $(".wd").val(""); - //时间下移 - $(".tool-all").css({ - "transform": "translateY(-120%)" - }); //隐藏搜索建议 $("#keywords").hide(); - //搜索引擎选择恢复 - $(".search-engine").css({ - "transform": "translateY(0)" - }); } // 搜索建议提示 @@ -333,9 +275,13 @@ function keywordReminder() { $("#keywords").css("width", $('.sou').width()); $("#keywords").empty().show(); $.each(data.s, function (i, val) { - $('#keywords').append("
" + "" + val + "
"); + $('#keywords').append(`
${val}
`); }); $("#keywords").attr("data-length", data.s["length"]); + $(".keyword").click(function () { + $(".wd").val($(this).text()); + $("#search-submit").click(); + }); }, error: function () { $("#keywords").empty().show(); @@ -374,7 +320,8 @@ function seList() { var html = ""; var se_list = getSeList(); for (var i in se_list) { - html += "
" + se_list[i]["title"] + "
"; + html += `
+ ${se_list[i]["title"]}
`; } $(".search-engine-list").html(html); } @@ -385,20 +332,20 @@ function setSeInit() { var se_list = getSeList(); var html = ""; for (var i in se_list) { - var tr = "
" + i + "
"; + var tr = `
${i}
`; if (i === se_default) { - tr = "
\ -
"; + tr = `
+
`; } - tr += "
" + se_list[i]["title"] + "
\ -
\ - \ - \ -
\ -
"; + tr += `
${se_list[i]["title"]}
+
+ + +
+
`; html += tr; } $(".se_list_table").html(html); @@ -431,14 +378,11 @@ function quickData() { var html = ""; var quick_list = getQuickList(); for (var i in quick_list) { - html += "
\ - \ - " + quick_list[i]['title'] + "\ - \ -
"; + html += `
+ ${quick_list[i]['title']} +
`; } - $(".quick-all").html(html + "
\ -
"); + $(".quick-all").html(html + `
`); } // 设置-快捷方式加载 @@ -446,24 +390,24 @@ function setQuickInit() { var quick_list = getQuickList(); var html = ""; for (var i in quick_list) { - tr = "
\ -
" + i + "
\ -
" + quick_list[i]['title'] + "
\ -
\ - \ - \ -
\ -
\ -
"; + tr = ` +
+
${i}
+
${quick_list[i]['title']}
+
+ + +
+
`; html += tr; } $(".quick_list_table").html(html); } /** - * 下載文本为文件 + * 下载文本为文件 * @param filename 文件名 * @param text 内容 */ @@ -619,6 +563,7 @@ $(document).ready(function () { if ($("#content").attr("class") === "box") { closeBox(); closeSet(); + blurWd(); } else { openBox(); } @@ -647,34 +592,34 @@ $(document).ready(function () { }); // 搜索框点击事件 - $(document).on('click', '.sou', function(event) { + $(document).on('click', '.sou', function () { focusWd(); $(".search-engine").slideUp(160); - }) - - $(document).on('click', '.wd', function(event) { + }); + + $(document).on('click', '.wd', function () { focusWd(); keywordReminder(); $(".search-engine").slideUp(160); - }) + }); // 点击其他区域关闭事件 - $(document).on('click', '.close_sou', function() { + $(document).on('click', '.close_sou', function () { blurWd(); closeSet(); - }) - + }); + // 点击搜索引擎时隐藏自动提示 - $(document).on('click', '.se', function() { + $(document).on('click', '.se', function () { $('#keywords').toggle(); - }) - + }); + // 恢复自动提示 - $(document).on('click', '.se-li', function() { + $(document).on('click', '.se-li', function () { $('#keywords').show(); - }) - - // 自动提示( 调用百度 api ） + }); + + // 自动提示 (调用百度 api） $('.wd').keyup(function (event) { var key = event.keyCode; // 屏蔽上下键 @@ -694,32 +639,32 @@ $(document).ready(function () { }); // 自动提示键盘方向键选择操作 - // $(".wd").keydown(function (event) { //上下键获取焦点 - // var key = event.keyCode; - // if ($.trim($(this).val()).length === 0) return; + $(".wd").keydown(function (event) { //上下键获取焦点 + var key = event.keyCode; + if ($.trim($(this).val()).length === 0) return; - // var id = $(".keyword-active").attr("data-id"); - // if (id === undefined) id = 0; + var id = $(".choose").attr("data-id"); + if (id === undefined) id = 0; - // if (key === 38) { - // /*向上按钮*/ - // id--; - // } else if (key === 40) { - // /*向下按钮*/ - // id++; - // } else { - // return; - // } - // var length = $("#keywords").attr("data-length"); - // if (id > length) id = 1; - // if (id < 1) id = length; + if (key === 38) { + /*向上按钮*/ + id--; + } else if (key === 40) { + /*向下按钮*/ + id++; + } else { + return; + } + var length = $("#keywords").attr("data-length"); + if (id > length) id = 1; + if (id < 1) id = length; - // $(".keyword[data-id=" + id + "]").addClass("keyword-active").siblings().removeClass("keyword-active"); - // $(".wd").val($(".keyword[data-id=" + id + "]").text()); - // }); + $(".keyword[data-id=" + id + "]").addClass("choose").siblings().removeClass("choose"); + $(".wd").val($(".keyword[data-id=" + id + "]").text()); + }); // 菜单点击 - $("#menu").click(function (event) { + $("#menu").click(function () { if ($(this).attr("class") === "on") { closeSet(); } else { @@ -1268,4 +1213,4 @@ $(document).ready(function () { }); } }); -}); +}); \ No newline at end of file