<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. YTU 2609: A改错题--学生信息的输入和输出

    2609: A改错题--学生信息的输入和输出 时间限制: 1 Sec  内存限制: 128 MB 提交: 238  解决: 157 题目描述 注:本题只需要提交标记为修改部分之间的代码,请按照C++方 ...

  2. 第四篇 在中国做ERP系统实施你必须知道的一些常识

    1. ERP实施要特别从参与全球竞争的视角指引系统建设.中国社会经历了一个从计划经济体制到市场经济体制的转变.中国加入WTO后,要与国际接轨,要按照世界贸易组织有关的贸易规则开展国际贸易.中国的关税与 ...

  3. HTTP 请求方式: GET和POST的比较

    GET和POST是HTTP的两个常用方法.   什么是HTTP? 超文本传输协议(HyperText Transfer Protocol -- HTTP)是一个设计来使客户端和服务器顺利进行通讯的协议 ...

  4. STL笔记（6）标准库：标准库中的排序算法

    STL笔记(6)标准库:标准库中的排序算法 标准库:标准库中的排序算法The Standard Librarian: Sorting in the Standard Library Matthew A ...

  5. 详解javascript中的call, apply

    一些学js的同学一看到call, apply, 就蒙了, 感觉不好懂, 看的头大. 今天我们就一起来研究一下这2个东东.彻底弄清楚它们的用法. 定义: call, apply是函数的方法, 只有函数才 ...

  6. 51nod1354 选数字

    01背包tle. 解题报告(by System Message) 类似于背包的DP,以乘积为状态.先把等选数字里面不是K约数的去掉.然后找出K的约数,进行离散化.然后dp[i][j]表示前i个数字乘积 ...

  7. PHP后台执行

    php中实现后台执行的方法: ignore_user_abort(true); // 后台运行set_time_limit(0); // 取消脚本运行时间的超时上限后台运行的后面还要,set_time ...

  8. 使用Spring Session做分布式会话管理

    在Web项目开发中,会话管理是一个很重要的部分,用于存储与用户相关的数据.通常是由符合session规范的容器来负责存储管理,也就是一旦容器关闭,重启会导致会话失效.因此打造一个高可用性的系统,必须将 ...

  9. BZOJ 1984 月下“毛景树”

    我觉得我要把BZOJ上的链剖写完了吧.... #include<iostream> #include<cstdio> #include<cstring> #incl ...

  10. iso中第三方框架SDWebImage的使用步骤

    一.SDWebImage的使用 1.依赖的框架 * ImageIO.framework * MapKit.framework 2.UIImageView下载图片需要的头文件:UIImageView+W ...