表单的焦点事件
来源:互联网 发布:淘宝商城开店条件 编辑:程序博客网 时间:2024/05/17 06:23
今天以文本宽为例来说说表单的焦点事件,其他表单类型类似
焦点:浏览器为了区分用户输入的对象,当一个元素有焦点的时候,那么那个元素就可以接受用户的输入。
我们可以通过一些方式给元素设置焦点
1.tab
2,点击
3.js
不是所有的元素都能接受焦点,能够相应用户操作的元素才有焦点,如表单,a标签
1.tab就不用说了,浏览器给我们做好了,我们可以随时使用tab键更换焦点
2.点击获得焦点onfocus
当我们点击表单元素的时候,你点击的那个元素便获得了焦点、同时触发onfocus
var aInp=document.getElementsByTagName('input');
for(var i=0;i<aInp.length;i++){
aInp[i].onfocus=function(){
this.value=' ';
}
};
失去焦点onblur
用法:当我们在外面点击的时候。我们的表单就失去了焦点,同时触发onblur
3.js获得焦点 使用focus方法获得焦点,blur方法失去焦点
aInp[1].focus();
用法:对象.focus这时实现默认焦点为第二个表单(blur同理)
**最后再赠送一个方法select
select指定()元素(用户能够输入的元素)中的文本内容全选---->实现复制的功能
阅读全文
0 0
- 表单的焦点事件
- 焦点事件的顺序
- EditText文本框的焦点事件
- 表单验证用onblur(失去焦点事件)实现
- AngularJs获取焦点与失去焦点时的表单验证
- AngularJs获取焦点与失去焦点时的表单验证
- 简单的一款jquery焦点表单
- HTML简单的失去焦点表单验证
- JS的事件(1)--焦点事件/event事件/事件流
- 表单元素事件、文本框失去焦点事件、获得焦点事件http://blog.sina.com.cn/s/blog_73dac6b50101h4qb.html
- 焦点事件
- 焦点事件
- 焦点事件
- 焦点事件
- 焦点事件
- 焦点事件
- 焦点事件
- jquery的表单事件
- file创建文件失败的问题
- 原型模式和基于原型继承的JavaScript对象系统
- ZStack消息流分析
- 电商笔记-03
- 设计模式-----迭代器模式和组合模式
- 表单的焦点事件
- Atitit 理财之道--PFS 个人财务解决方案 明细 统计 gdp计算 attilax总结
- map.ketset
- Html当中文本与标签如何居中
- 剑指offer之四---用两个栈实现队列
- JavaScript-2-3:offset、event
- Spring 的配置文件简化与注解的使用
- visual studio 2015安装破解visual assist
- 创建Spark Applition