问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

前端开发中失去焦点和获取焦点是什么意思

发布网友 发布时间:2022-04-29 11:38

我来回答

3个回答

懂视网 时间:2022-04-29 16:00

HTML onfocus 事件属性

定义和用法

onfocus 属性在元素获得焦点时触发。

onfocus 常用于 <input>、<select> 以及 <a>.

提示:onfocus 属性与 onblur 属性相反。

注释:onfocus 属性不适用于以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

实例

当输入字段获得焦点时触发函数。此函数改变输入字段的背景色



HTML onblur 事件属性

定义和用法

onblur 属性在元素失去焦点时触发。

onblur 常用于表单验证代码(例如用户离开表单字段)。

实例

当用户离开输入字段时对其进行验证:



热心网友 时间:2022-04-29 13:08

1、失去焦点和获取焦点是一个鼠标行为,例如当点击数个输入框其中的一个使其处于编辑输入状态的时候就是获得可焦点,当点击其他输入框或者其他区域就会使这个输入框失去焦点,如下图:

2、对应大前端开发的当中就是两个JavaScript事件就是onfocus和onblur事件,onfocus 事件在对象获得焦点时发生,onblur 事件会在对象失去焦点时发生。

3、简单的获取焦点的事件的代码示例如下:

<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>
<body>

First name: <input type="text" onfocus="setStyle(this.id)" id="fname">
<br />
Last name: <input type="text" onfocus="setStyle(this.id)" id="lname">

</body>
</html>

热心网友 时间:2022-04-29 14:26

我打个比方吧,在京东首页搜索框中有默认的关键词,你鼠标点击搜索框关键词消失,搜索框为空白也就是没有默认的关键词了,就是失去焦点;你鼠标放在搜索框范围外任意处再点击,你会发现搜索框中又出现了原来默认的那几个关键词,这个就是得到焦点,现在明白了吗?你可以试下。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
...抛物线y=x2-4x+3与x轴交于A、B两点,与y轴交于点C,连AC,将直线AC向右... 抢劫罪的构成要素有哪些 抢劫罪的几个要素 抢劫罪违反了什么法律 转化型抢劫的法律认定 我想问问我的魔兽世界帐号值多少钱? 我的号能卖多少?(魔兽世界) 求评估魔兽世界账号价值,懂得来! 魔兽世界账号问题,我有一个90级的DK,想便宜出售了,直接卖了,想问问大... 魔兽世界号价值评估 微信一个手机号注册了两个怎么切换账号啊? 国家婚假多少天2021年新规定 公司年假多少天2021年新规定 国家节假日的规定 cdr x5安装完以后提示:“系统尚未修改”是怎么回事?我又安装X6也是一样。 湖南考飞机驾照需要多少钱 考飞行驾照要多少钱 现在考一次飞机驾照多少钱,有知道的吗 打玻璃胶,早打了玻璃胶有裂缝。现在想补上新玻璃胶,要不要裂缝清理好再打,还是直接补上 金鱼缸的玻璃胶漏水,重新打玻璃胶要把之前的去掉吗 2010年海马323,前挡玻璃胶条更换需要拆玻璃吗 旧玻璃胶上能打新胶吗 凝固的玻璃胶未完全清除,可以在上边继续打新的玻璃胶粘玻璃吗?粘的会牢固吗?(粘鱼缸) 窗户打玻璃胶要刮掉以前的吗? 换风挡玻璃以前的玻璃胶没弄干净可以吗? 窗户四周重新打密封胶需要把原来的弄掉吗 葡萄营养价值 章鱼输入法放大镜关闭? 葡萄的营养价值是什么 葡萄的营养价值 葡萄的作用及功效有哪些 “onblur”和“onfocus”的区别是什么? 男性必读的经典书籍 集体合同制度的制度意义 《中国男人书:我们的身体秘密和健康选择》pdf下载在线阅读全文,求百度网盘云资源 建立集体合同制度的重要性是什么? 高分求:论集体合同制度的意义 求一本男性健康保养的书籍 建立平等协商、集体合同制度有什么重要性? 男性书txt全集下载 推行集体合同制度的意义? 男性书——男性的悄悄话电子书txt全集下载 集体合同的特点有哪些 跪求《一本书,解决男人所有健康问题》电子版书籍免费网盘资源下载地址 集体合同效力体现在哪些方面 集体合同的利与弊 新劳动法中对于大集体和全民有明确规定么? 集体合同中的效力如何体现 有哪些适合17岁男生读的书? 怎么更换绑定手机号? 推荐几本最全面的关于养生的书籍?