失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html 文本框 获取焦点事件 JS的文本输入框获得焦点与失去焦点的事件

html 文本框 获取焦点事件 JS的文本输入框获得焦点与失去焦点的事件

时间:2020-01-06 03:53:02

相关推荐

html 文本框 获取焦点事件 JS的文本输入框获得焦点与失去焦点的事件

焦点事件:

在HTML页面中,每个元素都会得到焦点和失去焦点,我们的焦点事件就会在这个时候触发,利用这些事件与document.hasFoucs()方法及document.activeElement属性配合。可以知晓用户在页面上的行踪。

主要焦点事件:

blur:在元素失去焦点时触发。这个事件不会冒泡;所有浏览器都支持它;

DOMFoucusIn:在元素获得焦点时触发。这个事件与HTML事件focus等价,但它冒泡。只有Opera支持这个事件。DOM3级事件废弃了DOMFocusIn,选择了focusin。

DOMFocusOut:在元素失去焦点时触发。这个事件是HTML事件blur的通用版本,只有Opera支持化这个事件。

focus:在元素获得焦点时触发。这个事件不会冒泡;所有浏览器都支持它;

focusin:在元素获得焦点时触发。

focusout:在元素失去焦点时触发。

下面列举几个最常用的焦点事件

onblur

定义和用法

onblur 事件会在对象失去焦点时发生,这个事件不会冒泡,所有浏览器都支持它。

语法

参数描述

SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

, ,

, ,,,,

,

, ,, ,,,, ,, , , , ,to, ,,

, , ,

,

,

,

,,, ,

, , ,

, , , , ,, , ,,,

支持该事件的 JavaScript 对象:

button, checkbox, fileUpload, layer, frame, password,

radio, reset, submit, text, textarea, window

例子:

function upperCase()

{

var x=document.getElementById("fname").value

alert(x);

}

输入您的姓名:

focus

定义和用法

focus() 方法用于为 checkbox 赋予焦点。

语法

checkboxObject.focus()

实例

下面的例子设置或移开 checkbox 上的焦点:

function setFocus()

{

document.getElementById('check1').focus()

}

function loseFocus()

{

document.getElementById('check1').blur()

}

如果觉得《html 文本框 获取焦点事件 JS的文本输入框获得焦点与失去焦点的事件》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。