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

最新推荐文章于 2022-06-27 14:22:28 发布

蜗牛慢慢向上爬

最新推荐文章于 2022-06-27 14:22:28 发布

阅读量800

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/A9925/article/details/50125275

jquery 专栏收录该内容

20 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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;//你可以跟换里面的网址，以便成功后跳转
				}
				});
				
				
				       
   				$(document).ready(function() {
						
                $('.myflexslider').flexslider({

                        controlNav: true, 

                        directionNav: false,

                        animation: "slide",

                        //manualControls: ".myflexslider .slidenav"

                    });

          });	
		</script>
      
      <div class="clearfix"></div>   
   </div>

<script>
	$(".shousuo_po").on("click", function(){
	   var info=$("#firstname").val();
	   window.location.href="index.php?s=/addon/Weixxx/Wexxxx/find/keyword/"+info;//你可以跟换里面的网址，以便成功后跳转
	});
  </script>