gpt4 book ai didi

javascript - 悬停悬停文本框在选中时保持固定

转载 作者:行者123 更新时间:2023-11-28 17:07:02 24 4
gpt4 key购买 nike

<分区>

我创建了一个搜索栏,这样当用户将鼠标悬停在按钮上时,就会出现一个文本框。我想要做的是在用户按下文本框后保持文本框可见。因此,如果用户在键入文本框时不小心将鼠标移到文本框或按钮上,文本框将保留在同一位置。

这是我的代码:

js

$('form').hover(function () {
$('input[type="search"]').show();
}, function () {
$('input[type="search"]').hide();
});

CSS

input[type="search"]{
display: none;
}

.search-style {
width: 30px;
height: 25px;
background-color: #fff;
background-image: url(http://localhost/themes/wp- content/uploads/2015/04/saerch.png);
}

html

  <form>
<input type="search" id="search" placeholder="Search goes here"/>
<button class="search-style"></button>
</form>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com