zoukankan      html  css  js  c++  java
  • focus与定位

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    
    $(function(){
      $("#button1").click(function() {
        $("#firstName").focus().select();
      });
      $("#button2").click(function() {
        $("#checkbox1").focus().select();
      });
      $("#button3").click(function() {
        $("#radio1").focus().select();
      });
    
      $("#button4").click(function() {
        var scroll_offset = $("#pos").offset();
        $("body,html").animate({scrollTop:scroll_offset.top},0);   
      });
    });
    </script>
    </head>
    <body>
    <input type="text" name="FirstName" id="firstName" value="Hello World" />
    <input type="checkbox" id="checkbox1"/><label for="checkbox1">CheckBox</label>
    <input type="radio" id="radio1"/><label for="radio1">radio</label>
    <input type="button" id="button1" value="选中text"/>
    <input type="button" id="button2" value="选中checkbox"/>
    <input type="button" id="button3" value="选中radio"/>
    <input type="button" id="button4" value="定位"/>
    
    <div>
    qwetraweftqwe</br>
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe</br>
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    
    tqwerwq
    </div>
    <span id="pos">
    定位
    </span>
    <div>
    qwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqwe</br>
    
    qwetraweftqweqwetraweftqwe
    qwetraweftqweqwetraweftqweqwetraweftqweqwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    qwetraweftqwe
    
    tqwerwq
    </div>
    </body>
    </html>
  • 相关阅读:
    Kafka源码分析9:Controller控制器的原理(图解+秒懂+史上最全)
    nacos高可用 (史上最全 + 图解+秒懂)
    Kafka源码分析11:PartitionStateMachine分区状态机(图解+秒懂+史上最全)
    Kafka源码分析2:Kafka产品选择和Kafka版本选择(史上最全)
    Kafka源码分析10:副本状态机ReplicaStateMachine详解 (图解+秒懂+史上最全)
    Netty解决Selector空轮询BUG的策略(图解+秒懂+史上最全)
    Kafka源码分析1:源码的开发环境搭建 (图解+秒懂+史上最全)
    mysql pxc集群 原理 (图解+秒懂+史上最全)
    seat TCC 实战(图解_秒懂_史上最全)
    seata 源码解析(图解_秒懂_史上最全)
  • 原文地址:https://www.cnblogs.com/niaomingjian/p/5149310.html
Copyright © 2011-2022 走看看