求高手指教！怎么能让这个检索框响应回车？

<form action="http://www.1111111.com/" method="post" name="imgForm01" onsubmit="return false;">
<input type="hidden" name="searchType" value="freeword" />
<input type="hidden" name="currentPage" value="1" />
<input type="hidden" name="sortKey" value="" />
<input type="hidden" name="freeword" value="" />
　　      <div class="textBox"><input name="inputword" id="searchText" type="text" class="keyword" />
      <a href="javascript:void(0);" class="btn" onClick="keyword(imgForm01);return false;"><img src="img/common/btn_seach_02_out.gif" alt="检索" width="54" height="20" /></a>
</div>
 </form>
检索按钮是一个图片。现在的状态是检索必须要电击这个图片，请问如何能让它响应回车呢？想通过按回车键进行检索。
我是蔡鸟，试验了半天都不行。

解决方案 »

  1.   

    <a><img  src="img/common/btn_seach_02_out.gif" >改成
     <input type="image" src="img/common/btn_seach_02_out.gif" />
      

  2.   

    javascript 可以添加回车按键的相应。
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script>
    $(function(){
    $("#searchText").keypress(function(e){
    keyword('test');
    return false;
    });
    });
    function keyword(value)
    {
    alert(value);
    }
    </script>
    </head>
    <body>
    <div>
        <form>
    <input type="hidden" name="searchType" value="freeword" />
    <input type="hidden" name="currentPage" value="1" />
    <input type="hidden" name="sortKey" value="" />
    <input type="hidden" name="freeword" value="" />
    <div class="textBox">
    <input name="inputword" id="searchText" type="text" class="keyword" />
    <a href="javascript:void(0);" class="btn" onClick="keyword('test');return false;">
    <img src="" alt="检索" width="54" height="20" />
    </a>
    </div>
    </form>
    </div>
    </body>
    </html>
    这样子可以吗？
      

  4.   

    <!doctype html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
        <div>
            <form>
                <input type="hidden" name="searchType" value="freeword" />
                <input type="hidden" name="currentPage" value="1" />
                <input type="hidden" name="sortKey" value="" />
                <input type="hidden" name="freeword" value="" />
                <div class="textBox">
                    <input name="inputword" id="searchText" type="text" class="keyword" />
                    <a href="javascript:void(0);" class="btn" onClick="keyword('test');return false;">
                        <img src="" alt="检索" width="54" height="20" />
                    </a>
                </div>
            </form>
        </div>
    <script>
    $(function(){
        $("#searchText").keydown(function(e){
         if(e.which === 13){
         $(this).next().trigger("click");
         e.preventDefault();
         }
         return false;
        });    
    });
    function keyword(value)
    {
        alert(value);
    }
    </script>
    </body>
    </html>
      

  5.   

    没想到这么多人回帖，真是太感谢了！
    抱歉我发现信息没给全。这个页面里有一段JS，如下：$function keyword(form, kw) {
    if(kw == undefined) kw = form.inputword.value + " 公司名 "
    form.target='_blank';
    form.freeword.value= kw;
    document.charset='';
    form.submit();
    document.charset='utf-8'; 
    }也许是因为这段js捣乱，诸位给的代码都没效果。
    我试着把主贴第一行
    <form action="http://www.1111111.com/" method="post" name="imgForm01" onsubmit="return false;">
    中的"return false;"拿掉回车键就能响应了，可是检索结果却出不来了，这也不太明白怎么回事儿。
    麻烦高手解惑！谢谢了！
      

  6.   

    报告各位大侠问题解决了。
    把主贴中onsubmit="return false;改成
    onsubmit="keyword(imgForm01);return false;
    就可以了。
    多些各位热心人了！