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>
  • 相关阅读:
    「运维之美」技术周刊 ( 第 2 期 )
    Win10下MySQL(5.7和8两个版本)忘记root密码的解决办法
    SpringBoot使用自定义注解实现简单参数加密解密(注解+HandlerMethodArgumentResolver)
    Set的交集、差集踩坑记录
    RocketMQ控制台命令
    IDEA远程连接和上传文件到服务器
    记录一下JProfiler的使用
    点击验证码刷新的实现
    算法学习:我终于明白二分查找的时间复杂度为什么是O(logn)了
    Ubuntu:一个部署好的tomcat应用(war包)怎么用Nginx实现动静分离?
  • 原文地址:https://www.cnblogs.com/niaomingjian/p/5149310.html
Copyright © 2011-2022 走看看