
焦点事件
发布日期:2021-05-06 19:35:34
浏览次数:5
分类:技术文章
本文共 686 字,大约阅读时间需要 2 分钟。
焦点 : 使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入。
我们可以通过一些方式给元素设置焦点 1).点击 2).tab 3).js不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点
onfocus : 当元素获取到焦点的时候触发
onblur : 当元素失去焦点的时候触发var oText = document.getElementById('text1'); //onfocus : 当元素获取到焦点的时候触发 oText.onfocus = function() { if ( this.value == '请输入内容' ) { this.value = ''; } } //onblur : 当元素失去焦点的时候触发 oText.onblur = function() { if ( this.value == '' ) { this.value = '请输入内容'; } }
obj.focus() 给指定的元素设置焦点
obj.blur() 取消指定元素的焦点 obj.select() 选择指定元素里面的文本内容oText.focus(); var oBtn = document.getElementById('btn'); oBtn.onclick = function() { oText.select(); }
发表评论
最新留言
不错!
[***.144.177.141]2025年03月28日 07时09分03秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
CC2640R2F学习笔记(1)——搭建环境、编译烧写
2019-03-03
ESP8266学习笔记(10)——官方WebServer
2019-03-03
CC2640R2F学习笔记(6)——UART串口使用
2019-03-03
SHELL命令
2019-03-03
数据结构与算法分析 一、引言(本书内容 + 递归简论)
2019-03-03
Oracle的高级复制、流复制、备库的区别
2019-03-03
redis命令学习
2019-03-03
自然划分的3-4-5规则
2019-03-03
剑指offer Leetcode 37.序列化二叉树
2019-03-03
剑指offer Leetcode 39.数组中出现次数超过一半的数字
2019-03-03
机器学习--sklearn之k-近邻算法
2019-03-03
Latex中cases环境引入报错
2019-03-03
Latex排版的时候把图片放在指定位置
2019-03-03
Latex如何将题目和作者左对齐
2019-03-03
用 Python 把你的朋友变成表情包(鼠标事件提取 ROI 版)
2019-03-03
Tensorflow2.0:基于循环卷积网络预测剩余寿命
2019-03-03
联邦学习(一):通过卷积神经网络对 emnist 数据集分类
2019-03-03
bzoj3879: SvT 后缀自动机
2019-03-03
bzoj 1483: [HNOI2009]梦幻布丁 线段树合并
2019-03-03
bzoj5017: [Snoi2017]炸弹
2019-03-03