<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. JSP 中的几种注释

    1.多行注释 <!-- 注释1 注释2 注释3 --> 或者 <!-- 注释1 …… 注释n //--> 2.多行注释,不同的是:注释内容不会发送到客户端,会被JSP引擎所忽略 ...

  2. java中String类学习

    java中String类的相关操作如下: (1)初始化:例如,String s = “abc”; (2)length:返回字符串的长度. (3)charAT:字符操作,按照索引值获得字符串中的指定字符 ...

  3. 《OD大数据实战》驴妈妈旅游网大型离线数据电商分析平台

    一.环境搭建 1. <OD大数据实战>Hadoop伪分布式环境搭建 2. <OD大数据实战>Hive环境搭建 3. <OD大数据实战>Sqoop入门实例 4. &l ...

  4. 《OD学hadoop》第三周0709

    一.MapReduce编程模型1. 中心思想: 分而治之2. map(映射)3. 分布式计算模型,处理海量数据4. 一个简单的MR程序需要制定map().reduce().input.output5. ...

  5. Linux 下安装python软件包（pip、nose、virtualenv、distribute ）

    新手刚开始学习Python,目前学习<笨方法学python>ing- 在学习习题46时需要安装几个软件包:pip.nose.virtualenv.distribute !在此记录Linux ...

  6. svn:revert to this version 和 revert changes from this version的区别

    假设我们有许多个版本,版本号分别是1-10 如果我们在7这里选择revert to this version那么7之后的8,9,10的操作都会被消除 如果在7选择revert changes from ...

  7. 网络攻击之二：XSS（之一是SQL注入，前面有文章）

    学习了 http://www.oschina.net/question/565065_57506 (这里做了转载 http://blog.csdn.net/stilling2006/article/d ...

  8. 使用@RequestParam绑定请求参数到方法参数

    @RequestParam注解用于在控制器中绑定请求参数到方法参数.用法如下:@RequestMapping public void advancedSearch(   @RequestParam(& ...

  9. NHibernate 二级缓冲

    session.CreateCriteria(typeof(SysModuleFields)).SetCacheable(true).List<SysModuleFields>(); se ...

  10. bzoj4197

    这题现场想的思路方向都是对的,但限于现场和实力因素没能A 很显然我们会想到质因数的选取 如果某个质数p被W选了,那G就不能选含有质因子p的数 因此我们不难想到状压质数的选取情况,令f[i][j]为w质 ...