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 , , ,

, , , , , , , , 

,

1. ,

,

, , , , 

, _{, ^,}

, , , , ,, , , , ,

支持该事件的 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()

}