今天在修复本站顶部的搜索栏的时候有一个需求，就是在输入之后按下回车键会自动跳转到搜索页面，这个技术不难。从某些方面说就是 HTML input 输入框响应回车键按下

所以，思路就是给 input 绑定一个 keypress 事件，然后判断按下键的 keyCode 的是否是 13 ( 回车键代码 )，如果是再跳转

实现方式有很多，本章节中我们使用 JavaScript 和 jQuery

jQuery

1. bind()

   $(".Search-input input[type=search]").bind('keypress',function(e){    
       if( event.keyCode == 13 )      
           window.location="/q/" + $(this).val(); 
   });
   

2. on()

   $(".Search-input input[type=search]").on('keypress',function(e){    
       if( event.keyCode == 13 )      
           window.location="/q/" + $(this).val(); 
   });
   

3. keydown()

   $(".Search-input input[type=search]").keydown(function(e){    
       if( event.keyCode == 13 )      
           window.location="/q/" + $(this).val(); 
   });