Merge pull request #7 from MCBBC/master

修改部分内容,用以修复输入框点击事件等
This commit is contained in:
底层用户 2022-08-19 09:16:04 +08:00 committed by GitHub
commit 75c6e6b3d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 55 additions and 11 deletions

View File

@ -142,6 +142,7 @@ img.error {
flex-direction: column;
align-items: center;
transform: translateY(-120%);
z-index: 1;
}
.time {
@ -1004,3 +1005,10 @@ input[type="radio"]:checked+label {
background: #ffffff60;
color: #ffffffb3;
}
/*关闭块*/
.close_sou {
width: 100%;
height: 100%;
position: absolute;
}

View File

@ -67,6 +67,7 @@
</div>
</div>
<!-- 搜索框 -->
<div class="close_sou"></div>
<div class="sou">
<form class="search" action="https://www.baidu.com/s" target="_Blank">
<div class="all-search">

View File

@ -276,6 +276,10 @@ function focusWd() {
$(".tool-all").css({
"transform": "translateY(-140%)"
});
//搜索引擎选择上移
$(".search-engine").css({
"transform": "translateY(-30%)"
});
}
// 搜索框取消高亮
@ -310,6 +314,10 @@ function blurWd() {
});
//隐藏搜索建议
$("#keywords").hide();
//搜索引擎选择恢复
$(".search-engine").css({
"transform": "translateY(0)"
});
}
// 搜索建议提示
@ -627,17 +635,44 @@ $(document).ready(function () {
$(".search-engine").slideUp(160);
});
// 搜索框获得焦点事件
$(".wd").focus(function () {
focusWd();
keywordReminder();
// 搜索引擎列表点击
$(".search-engine-list").on("click", ".se-li", function () {
var url = $(this).attr('data-url');
var name = $(this).attr('data-name');
var icon = $(this).attr('data-icon');
$(".search").attr("action", url);
$(".wd").attr("name", name);
$("#icon-se").attr("class", icon);
$(".search-engine").slideUp(160);
});
// 搜索框失去焦点事件
$(".wd").blur(function () {
// 搜索框点击事件
$(document).on('click', '.sou', function(event) {
focusWd();
$(".search-engine").slideUp(160);
})
$(document).on('click', '.wd', function(event) {
focusWd();
keywordReminder();
$(".search-engine").slideUp(160);
})
// 点击其他区域关闭事件
$(document).on('click', '.close_sou', function() {
blurWd();
});
closeSet();
})
// 点击搜索引擎时隐藏自动提示
$(document).on('click', '.se', function() {
$('#keywords').toggle();
})
// 恢复自动提示
$(document).on('click', '.se-li', function() {
$('#keywords').show();
})
// 自动提示( 调用百度 api
$('.wd').keyup(function (event) {
@ -649,7 +684,7 @@ $(document).ready(function () {
});
// 点击自动提示的搜索建议
$("#keywords").on("click", "div", function () {
$("#keywords").on("click", ".wd", function () {
var wd = $(this).text();
$(".wd").val(wd);
$(".search").submit();