javascript焦点事件

校验浏览器是否支持某事件：document.implementation.hasFeature("FocusEvent","3.0")

常用的焦点事件有：

blur：在元素失去焦点时触发，该事件不会进行冒泡，所有浏览器都支持

focusout：在元素失去焦点时触发，该事件会进行冒泡，支持它的浏览器有：IE5.5+、Safari5.1+、Opera11.5+、Chrome。

focus：在元素得到焦点时触发，该事件不会进行冒泡，所有浏览器都支持

focusout：在元素得到焦点时触发，该事件会进行冒泡，支持它的浏览器有：IE5.5+、Safari5.1+、Opera11.5+、Chrome。

不常用的有（不推荐使用）：

DOMFocusIn：得到焦点，会进行冒泡

DOMFocusOut：失去焦点，会进行冒泡

当焦点从一个元素移动到另外一个元素，会依此触发下面事件(假设都设置了)：

focusout -> focusin - > blur - > DOMocusOut -> focus ->DOMFocusIn

时间： 2024-12-25 07:19:04

javascript焦点事件的相关文章

jquery获取焦点和失去焦点事件代码

input失去焦点和获得焦点鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 . 相关js代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="te

jquery 触发/失去焦点事件例子详解

触发焦点: $("Element").focus() 触发每一个匹配元素获得焦点事件. $("Element").focus(function) 事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法. 失去焦点: $("Element").blur() 触发每一个匹配元素失去焦点事件. $("Element").blur(function) 事件会在元素失去焦点的时候触发,既可以

javascript焦点图（暂时不能自动切换）

<!DOCTYPE > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link rel="stylesheet" type="text/css" href="css.css"/> <title></titl

Javascript知识——事件

O(∩_∩)O~~又是新的一周开始了,今天还是在继续学习Javascript知识,今天主要讲了事件的知识.现在就总结下吧. 事件事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现,作为分担服务器端运算负载的一种手段. 直到几乎所有的浏览器都支持事件处理. 而 DOM2级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件.IE9.Firefox.Opera.Safari 和Chrome 全都已经实现了“DOM2 级事件”模块的核心部分.IE8

JavaScript笔记——事件

事件一般是用于浏览器和用户操作进行交互.最早是 IE 和 Netscape Navigator 中出现, 作为分担服务器端运算负载的一种手段.直到几乎所有的浏览器都支持事件处理.而 DOM2 级规范开始尝试以一种复合逻辑的方式标准化 DOM 事件 JavaScript 有三种事件模型:内联模型.脚本模型和 DOM2 模型内联模型这种模型是最传统接单的一种处理事件的方法.在内联模型中,事件处理函数是 HTML 标签的一个属性,用于处理指定事件.虽然内联在早期使用较多,但它是和 HTML 混写的

input失去焦点和获得焦点jquery焦点事件

input失去焦点和获得焦点jquery焦点事件插件,鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了相关js代码: 1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <meta http-equiv="Content-Type" co

javascript常用事件

onactivate:(当控件对象为活动元素时触发)onblur:(使用在表单元素中,当元素失去焦点的时候执行)onchange:(使用在表单元素中,当某些东西改变是执行)onclick:(鼠标点击一个元素时执行)ondblclick:(鼠标双击一个元素时执行)ondeactivate:(当活动元素从当前控件对象变为父文档或者其他控件对象时触发)ondrag:(当进行拖拽操作时在源控件对象上持续触发)ondragend:(当用户在拖拽操作结束后释放鼠标时,在源控件对象上触发)ondragente

input文本框获取焦点和失去焦点事件判断

onBlur:当输入框失去焦点后 onFocus:当输入框获得焦点后这两个JavaScript事件是写在html标签中的例如: <input type="text" onBlur=" " onFocus=" " /> 使用jQuery的实现方法为: 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur(). focus():得到焦点时使用,blur():失去焦点时使用. 代码如下: $("inpu

【JavaScript】事件

所谓事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间一.事件流在页面上,单击某个元素的同时,也单击了它的包含容器.事件流就是描述的从页面中接收事件的顺序.IE是事件冒泡流,Netscape是事件捕获流. 事件冒泡:事件开始时,由最具体的元素接收,然后逐级向上传播到较为不具体的节点:(所有现代浏览器都支持事件冒泡) 事件捕获:不太具体的节点最早接收到事件,最具体的节点最后接收到事件.(老版本浏览器不支持) DOM事件流 DOM2级事件规定的事件流包括三个阶段:1.事件不惑阶段:2.处于目标