<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>

focus与定位的更多相关文章

  1. div contenteditable 重新编辑时focus光标定位到前面问题解决

    <div class="editdiv" id="edit" contenteditable="true">这是添加文字< ...

  2. 文本框字符限制、focus光标定位

    一.为一个元素的所有子元素设置统一样式:.className * { color: #6666 } 二.正则表达式: 1.去除所有HTML标签只保留文字: /<\/?.+?\/?>/2.去 ...

  3. 自己用的jquery经常用的工具command

    var Cmd = { Entity: { QueryString: {}, }, RootPath: function () { var pathName = window.location.pat ...

  4. jquery php ajax 表单验证

    本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   .创建一个表单 html 页面   表单部分 html 代码   以下为引用内容: &l ...

  5. js中的总结汇总(以后的都收集到这篇)

    点1:js中的比较字符串是否相等,js中是用"=="这个来判断是否相等,这点跟java中不一样,java中是.equals()这种方法. 在之前写的ajax的demo中,因为用了. ...

  6. BBS

    __init__.py # 这个告诉程序用的是什么数据库import pymysql pymysql.install_as_MySQLdb() settings.py import os # Buil ...

  7. eval实例

    .... var sel_MedicineType = 'sel_MedicineType' + lastIndex; eval(sel_MedicineType + "= new C_Se ...

  8. seleniumIDE command命令

    语法组成要素:command.target.value. command命令 三大类型:(action.Accessor.assertion)   操作  存储  断言 操作类型——Action 浏览 ...

  9. Ztree插件，定位节点时（focus）不能进入可视区域BUG解决方案

    相关插件版本: jquery.ztree.exedit-3.4.js jquery.ztree.all-3.4.js jquery-1.8.0.js function onAsyncSuccess(e ...

随机推荐

  1. Js判断一个单词是否有重复字母

    今天上午刷到一道题,大体是写一个方法判断一个单词中是否有重复的字母(或者说一个字符串中是否有重复的字符).我的思路是一个字符一个字符地遍历,如果发现有重复的停止: function isIsogram ...

  2. 利用SOLR搭建企业搜索平台 之——solr配置solrconfig.xml

    来源:http://blog.csdn.net/zx13525079024/article/details/25310781 solrconfig.xml配置文件主要定义了SOLR的一些处理规则,包括 ...

  3. 两个学生OJ差集

    这个程序非常简单,因为用了最笨的办法,不过运行一点儿也不慢... 在我们学校OJ平台每个人的个人信息中都有Solved Problems List,我们可以用这个简单的程序输入两个人解决问题的所有题号 ...

  4. ConnectionReset

    ConnectionReset The connection was reset by the remote peer. http://stackoverflow.com/questions/1434 ...

  5. [CF580B]Kefa and Company（滑动窗口）

    题目链接:http://codeforces.com/problemset/problem/580/B 某人有n个朋友,这n个朋友有钱数m和关系s两个属性.问如何选择朋友,使得这些朋友之间s最大差距小 ...

  6. Asp.Net生命周期系列四

    上回我们说的当一个Http请求来到HttpModule这里的时候,Asp.Net内部并未对这个Http请求做出任何的处理,我们可以对这个Http请求添加一些我们需要的信息,以方便我们控制这个Http请 ...

  7. splay入门

    在比较了网上的几份模板的速度之后,发现指针版明显快了很多,但是一敲起来....各种不习惯...所以还是学的hzwer 的数组版... bzoj3223:维护reverse操作就可以了 #include ...

  8. HDU 2544 最短路【Bellman_Ford 】

    题意:给出n个节点,m条边,问从起点到终点的最短距离 用bellman_ford,注意是无向图 初学bellman_ford= =一点点理解 因为dijkstra是每次用集合里面的点去更新它们所连接的 ...

  9. wdcp v3 Forbidden :You don't have permission to access /phpmyadmin on this server

    First edit the file /www/wdlinux/apache/conf/vhost/00000.default.conf and add the additional line to ...

  10. spring的声明式事务内部图