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 ElementById("fname").value alert(x);
}
输⼊您的姓名:
focus
定义和⽤法
focus() ⽅法⽤于为 checkbox 赋予焦点。
语法
checkboxObject.focus()
实例
下⾯的例⼦设置或移开 checkbox 上的焦点:function setFocus()
{
html内容文本框
}
function loseFocus()
{
}