2024年03月25日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
平时写搜索功能时候，很多用户喜欢回车搜索，有利于功能体验。 本次简单写个demo，供大家使用。
jq请自行引入
<div> <input class="search" type="text" placeholder="请输入搜索内容"> <button class="submit">搜索</button> </div>
<script>
// 监听回车事件
$(document).keyup(function(event){
var isFocus = $(".search").is(":focus");
// 判断光标是否在input上
if(isFocus == true){
// 如果光标在 则触发回车事件
if(event.keyCode == 13){
$(".submit").click();
}
} else {
// 光标不在 则不执行任何事件
}
})
// 搜索执行的事件
$(".submit").click(function(){
alert("触发搜索");
})
</script>本文链接：http://so.lmcjl.com/news/352/