js焦点事件:onfocus、onblur、focus()、blur()、select()

子龙
• 阅读 66865

什么是焦点事件

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入
只有能够响应用户操作额元素才可以接收焦点事件,比如:a button input...

onfocus:当元素获取到焦点的时候触发

odiv.onfocus = funcion(){}

onblur:当元素失去焦点的时候

obj.focus():给指定的元素设置焦点

obj.blur():取消指定元素的焦点

obj.select():全选当前的文字

<body>
    <input type="text" />
    <button >全选</button>
    <script>
    window.onload = function() {
        var oinpt = document.getElementsByTagName("input")[0];
        var obtn = document.getElementsByTagName("button")[0];
        obtn.onclick = function() {
            oinpt.select();
        }
    }
    </script>
</body>
点赞
收藏
评论区
推荐文章
Karen110 Karen110
4年前
盘点JavaScript focus/blur(聚焦)实际应用
大家好,我进阶学习者。一、前言当用户点击某个元素或使用键盘上的Tab键选中时,该元素将会获得聚焦(focus)。当网页加载时,HTML特性(attribute)。autofocus也可以让一个焦点落在元素上,不仅如此,还有其它途径可以获得焦点。二、focus/blur事件当元素聚焦时,会触发focus事件,当元素失去焦点时,会触发blur事件。
LinMeng LinMeng
4年前
input 获取焦点,键盘遮挡页面
移动端开发中常遇到的就是键盘遮挡问题,下面提供项目中的写法:window.addEventListener('resize',(){constactiveElementdocument.activeElement;if(activeElement.tagName'INPUT'||activeElement.t
Stella981 Stella981
3年前
DirectX3D设备丢失(lost device)的处理(二)
一个Microsoft?Direct3D?可以处于操作状态或丢失状态。操作状态是设备的正常状态,设备按预期运行并present所有渲染结果。当事件发生时,如全屏应用程序失去键盘输入焦点,设备就转变到丢失状态,这会导致渲染无法进行。丢失状态表现为所有渲染操作的悄然失败,这意味着即使渲染操作失败所有的渲染方法仍可以返回成功码。在这种情况下,IDirect3DD
Stella981 Stella981
3年前
Javascript基础知识学习(三)
前言:javascript是一种轻量的、动态的脚本语言,我们为什么要使用javascript?对于一个网页的设计,.html用来放置网页的内容,.css则用来设计网页的样式和布局,那么.js它主要是使网页能够产生交互,意思就是能够通过代码动态的修改HTML、操作CSS、响应事件、获取用户计算机的相关信息等。javascript不是所有的浏览器
Stella981 Stella981
3年前
Android应用开发学习—Toast使用方法大全
Toast 是一个 View 视图,快速的为用户显示少量的信息。 Toast 在应用程序上浮动显示信息给用户,它永远不会获得焦点,不影响用户的输入等操作,主要用于 一些帮助 / 提示。Toast 最常见的创建方式是使用静态方法 Toast.makeText我使用的是 SDK2.21.  默认的显示方式!(http://stati
Stella981 Stella981
3年前
JavaScript事件
事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行。FF:Firefox,N:Netscape,IE:InternetExplorer属性当以下情况发生时,出现此事件     FF  N   IEonabort图像加载被中断134onblur元素失去焦点1
Wesley13 Wesley13
3年前
IOS中键盘自动隐藏
前言很多时候当我们在一个文本框中输入信息后,按了确认或者返回键需要隐藏键盘,或者在其他空白区域点击屏幕后也需要隐藏屏幕。这时肯定就需要让相应的控件响应Tap事件(点击事件),这样我们才能处理。实现隐藏的两种方法在IOS中有一个概念叫FirstResponder,意指第一响应者,也就是当前屏幕上,处于焦点状态的控件,它是第一响
Stella981 Stella981
3年前
ExtJS表单提交时,不用鼠标点击按钮提交,直接通过回车键提交
用ExtJs实现登陆界面,输入用户名和密码,点击确定后登陆。然而人们习惯于在输入两者后按回车键进行登陆。在extjs中,Button本身是支持回车事件的,前提是:焦点在按钮上,此时回车和单击事件是一回事。form中的field事件中有specilkey事件,可以响应回车键。在输入用户名,或者密码后点击"回车",让field响应回车事件,然后通过form提
Stella981 Stella981
3年前
Android学习记录1
文本框只读因为文本框要通过DatePickerDialog输入日期,需要把文本框设定为只读,但是发现文本只读的参数已经是废弃了,后来在网上查到了另外的变通方法:android:focusable"false"//无焦点android:focusableInTouchMode"false"//触摸时也得不到焦点在
程序员一鸣 程序员一鸣
2个月前
鸿蒙开发:自定义一个动态输入框
在鸿蒙开发中,如何实现这一效果呢,最重要的解决两个问题,第一个问题是,如何在上一个输入框输入完之后,焦点切换至下一个输入框中,第二个问题是,如何禁止已经输入的输入框的焦点,两个问题解决完之后,其他的就很是简单了。
上海张律师 上海张律师
2个月前
bindsheet+键盘在页面跳转时的bug及处理思路
​HarmonyOS应用开发最近做的一个项目中,有这样的一个需求在A页面中,点击某一项目后,会弹出一个bindsheet,同时,会给TextInput组件自动加上焦点,目的是为了弹出输入框,图片如下:当用户输入了金额数字后,点击“去计算”按钮,则通过rou
子龙
子龙
Lv1
野径云俱黑,江船火独明。
文章
2
粉丝
0
获赞
0