<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. Java中的public、protected、default和private的区别

    (1)       对于public修饰符,它具有最大的访问权限,可以访问任何一个在CLASSPATH下的类.接口.异常等.它往往用于对外的情况,也就是对象或类对外的一种接口的形式. (2)      ...

  2. poj - 2377 Bad Cowtractors&&poj 2395 Out of Hay(最大生成树)

    http://poj.org/problem?id=2377 bessie要为FJ的N个农场联网,给出M条联通的线路,每条线路需要花费C,因为意识到FJ不想付钱,所以bsssie想把工作做的很糟糕,她 ...

  3. [Golang]实习最后一天小纪念＋并发爬虫小练习

    今天是我在公司实习的最后一天,一个月的时间真的是太短暂了,我非常享受在公司工作的这一个月,在这里Leader和同事们对我的帮助极大地促进了我技术水平的进步和自信心的提升,我发自内心地感谢白山云科技给我 ...

  4. javascript高级编程运用

    一//各种尺寸 (size) s += “\r\n网页可见区域宽:“+ document.body.clientWidth; s += “\r\n网页可见区域高:“+ document.body.cl ...

  5. java获取系统指定时间年月日

    java获取系统指定时间年月日 private String setDateTime(String falg) { Calendar c = Calendar.getInstance(); c.set ...

  6. [ionic开源项目教程] - 第3讲 左右滑动菜单的实现(使用Tabs和SlideBox)

    使用Tabs和SlideBox实现左右滑动菜单 1.将tab1.html的代码改为如下: <ion-view view-title="健康"> <ion-cont ...

  7. (转载)DataTable使用技巧总结

    在项目中经常用到DataTable,如果DataTable使用得当,不仅能使程序简洁实用,而且能够提高性能,达到事半功倍的效果,现对DataTable的使用技巧进行一下总结.         一.Da ...

  8. mysql笔记（前面自己写的不标准有些地方）

    day15-MySQL 数据库 1 数据库概念(了解) 1.1 什么是数据库 数据库就是用来存储和管理数据的仓库! 数据库存储数据的优先: l  可存储大量数据: l  方便检索: l  保持数据的一 ...

  9. 事件对象event和计时器

    事件对象:event 属性: srcElement事件源对象 keyCode 键盘按键Ascii码 window方法: 定时器: 1)setTimeout();//n毫秒后执行一次 2)setInte ...

  10. Linux/Android 性能优化工具 perf

    /***************************************************************************** * Linux/Android 性能优化工 ...