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的文本输入框获得焦点与失去焦点的事件相关推荐

html js文本框文字列出,js实现文本框中输入文字页面中div层同步获取文本框内容的方法...
这篇文章主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下本文实例讲述了js实现文本框中输入文字页面中 ...
html文本框自动赋值,js给文本框赋值 value与innerHTML
赋值操作: document.getElementById("testId").value="hello"; value与innerHTML的区别上面的val ...
php文本框限制字节,js限制文本框输入长度两种限制方式(长度、字节数)_基础知识...
功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度.字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js function li ...
开发笔记:解决安卓GestureOverlayView手势和ListView点击事件、文本框获取焦点冲突的问题
要解决这个问题,首先要弄清楚几个问题: 1.onThouch事件的触发原理是怎样的? 2.GestureOverlayView的绘制手势的事件是在什么时候触发的? 3.父子嵌套的控件触发事件的顺序是怎 ...
(转)完美解决 Android WebView 文本框获取焦点后自动放大有关问题
完美解决 Android WebView 文本框获取焦点后自动放大问题前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本 ...
完美解决 Android WebView 文本框获取焦点后自动放大问题
前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本框聚焦时,网页面会放大(他们用三星手机测试的) 网上查了好久参考他的方法 ...
文本框获取焦点后出现的边框，怎么去掉
文本框获取焦点后出现的边框,怎么去掉其实这个不是边框,而是轮廓!用CSS 去掉轮廓就行了! outline:none 属性定义及使用说明 outline(轮廓)是绘制于元素周围的一条线,位于边框边缘 ...
qml 文本框获取焦点
遇到一个问题:写了个类似记事本的程序,但是程序运行时无法直接输入,需要点击后才能输入. 后面发现是焦点的问题,为了文本框有滚动条,添加了ScrollView ,但是没有给焦点. ScrollView ...
js/jquery获取文本框的值与改变文本框的值
我们就用它来学习获取文本框的值及改变文本框的值. 代码如下复制代码 <script> function get1() { document.getElementById("tx ...
java gui的文本框_GUI编程笔记（java）07：GUI把文本框的值移到文本域案例
1.首先我们了解一下我们的需求,如下: 输入"风清扬",点击"数据转移",这样的文本会出现到下面的文本域中,这就是我们的需求. 2.代码如下: package ...

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

html 文本框获取焦点事件,JS的文本输入框获得焦点与失去焦点的事件相关推荐

最新文章

热门文章

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

html 文本框 获取焦点事件,JS的文本输入框获得焦点与失去焦点的事件相关推荐

最新文章

热门文章

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

html 文本框获取焦点事件,JS的文本输入框获得焦点与失去焦点的事件相关推荐