zoukankan      html  css  js  c++  java
  • 搜索回车跳转页面

    如图搜索框,想要实现文本输入内容后敲击回车(等同于点击后面的小放大镜图标)后跳转到搜索结果的页面

    <div class="head-ss02">
           <input name="ss" type="text" id="search" onkeypress="javascript:enterSubmitss(this,event);" size="2" />
           <input type="text" id="sname" style="display: none" />
    </div>
    <div class="head-ss01">
          <a href="javascript:OnSubmit('search')">
          <img src="images/ss.png" border="0" />
        </a> </div>

    js代码如下:

    <script type="text/javascript">
            function OnSubmit(tags) {
                var tag = document.getElementById(tags);
                if (tag.value == "") {
                    window.location.href = "Searchkeyword.aspx?key=" + tag.value;
                }
                if (tag.length > 20) {
                    alert("您输入的字符太长,小于20个字符");
                    return false;
                }
                window.location.href = "Searchkeyword.aspx?key=" + tag.value;
            }
            function enterSubmitss(src, e) {
                if (window.event)
                    keyPressed = window.event.keyCode; // IE
                else
                    keyPressed = e.which; // Firefox
                if (keyPressed == 13) {
                    submitFormss();
    
                }
            }
            function submitFormss() {
                var tag = document.getElementById("search");
               
                if (tag.value == "") {
                    window.location.href = "Searchkeyword.aspx?key=" + tag.value;
                }
                if (tag.length > 20) {
                    alert("您输入的字符太长,小于20个字符");
                    return false;
                }
              
                location.href = "Searchkeyword.aspx?key=" + tag.value;
                
            }
    </script>
  • 相关阅读:
    CF 120F Spider 树的直径 简单题
    POJ 1155 TELE 背包型树形DP 经典题
    CF 219D Choosing Capital for Treeland 树形DP 好题
    POJ 3162 Walking Race 树形DP+线段树
    HDU 2196 Computer 树形DP 经典题
    __str__()、__repr__()和__format__()
    item系列方法
    getattribute
    isinstance和issubclass
    继承方式完成包装
  • 原文地址:https://www.cnblogs.com/janneystory/p/3755384.html
Copyright © 2011-2022 走看看