如何添加"输入搜索"选项?

时间:2016-07-01 09:02:26

标签: javascript

我想补充一点,当我按下"输入"在搜索表单中,它将搜索,而不仅仅是当我点击搜索按钮时:

jQuery(document).ready(function(){  
    jQuery('#webq_search_submit').click(function() {    
        //code
    }); 
    jQuery('#webq_txt_search').click(function(){  

        jQuery('#webq_txt_search').css("border", "none");
    });   
});

3 个答案:

答案 0 :(得分:0)

jQuery('#webq_txt_search').on('keypress',function(e){

   if (e.keyCode === 13){
        console.log('enter detected');
   }
   // jQuery('#webq_txt_search').css("border", "none");
}));

如果在表单

中使用此搜索,请使用

$(" form")。submit(function(){return false;});

答案 1 :(得分:0)

你可以输入一个输入[type = submit] html标签,即使用css隐藏它也可以处理输入按键。

答案 2 :(得分:0)

如果您使用包含提交按钮(甚至隐藏)的表单元素,您可以绑定原始浏览器提交事件,如下所示。

   jQuery('form#cour_form_element').on('submit',function(){
         //do your search
    });