点搜索按钮div后自动执行搜索

最新推荐文章于 2021-06-10 19:52:36 发布

蜗牛慢慢向上爬

最新推荐文章于 2021-06-10 19:52:36 发布

阅读量756

点赞数

本文链接：https://blog.csdn.net/A9925/article/details/50125275

版权

本文介绍如何在用户点击搜索按钮的div时，自动触发搜索功能。通过JavaScript或者jQuery实现事件监听和搜索请求，提升用户体验。

摘要由CSDN通过智能技术生成

<div class="shousuo_po">
     
      	<a href="{:U('lists')}" class="shousuo_po_1">
			<button type="button" class="btn btn-default fl_btn">
				<span class="fl_ing_wh"><img src="{:CUSTOM_TEMPLATE_PATH}Index/index/img/sdh.jpg"></span>
			</button>
		</a>
     
		<form action="#"> 
			<input type="search" class="form-control ss_input shousuo_po_2" id="firstname" placeholder="搜索全部产品"/> 
	    </form>

		
		<script>
				$("#firstname").keyup(function(){
				if(event.keyCode == 13){
					//这里写你要执行的事件;
					var info=$(this).val();
					window.location.href="index.php?s=/addon/Weixxx/Weixxx/find/keyword/"+info;//你可以跟换里面的网址，以便成功后跳转
				}
				});