div的onblur事件

一般情况下,onblur事件只在input等元素中才有,而div却没有,因为div没有tabindex属性,所以要给div加上此属性。

如:

<div tabindex="0" hidefocus="true" onfocus=‘alert("得到焦点");‘ onblur=‘alert("失去焦点");‘ style="border:1px solid #ccc;width:200px;height:200px;outline=0;"></div>

 定义tabindex属性后,元素是默认会加上焦点虚线的,那么在IE中可以通过hidefocus="true"去除!其他浏览器通过outline=0进行去除!

时间: 2024-10-12 13:07:17

div的onblur事件的相关文章

onblur 事件

onblur 事件 Event 对象 定义和用法 onblur 事件会在对象失去焦点时发生. 语法 onblur="SomeJavaScriptCode" 参数 描述 SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <

onBlur事件与onfocus事件(js)

onFocus事件就是当光标落在文本框中时发生的事件. onBlur事件是光标失去焦点时发生的事件. 可以编如下例子 1.html <HTML> <HEAD> <TITLE>使用onBlur事件处理程序</TITLE> </HEAD> <BODY BGCOLOR="lavender"> <FORM name="F1"> <INPUT TYPE=text NAME=text1 v

JS 之 onfocus事件和onblur事件

在我们平时开发网站中,我们一定会经常遇到onfocus和onblur这两个事件,今天就给大家简单介绍一下这两个事件: onfocus 事件在对象获得焦点时发生. <html> <head> <script type="text/javascript"> function setStyle(x) { document.getElementById(x).style.background="yellow" } </script&

Onblur事件里面写Focus()方法,JS没效果的处理方法

<input id="Text1" type="text" onblur="check(this);" /> <script type="text/javascript"> function check(obj) { $("#Text1").focus(); } </script> 直接在onblur事件里面写foucs事件,让输入框有鼠标焦点.但是没有效果. 经过查找资

js小技巧: 给div绑定keydown事件

要想给一个元素绑定keydown事件我们经常这样: $('#some_thing').keydown(function(event){ ...... }) 但是当你尝试给div元素绑定时会发现不起作用, 解决办法是给这个div添加一个tabindex的属性: $('#some_div').attr('tabindex', 1).keydown(function(event){ ...... }) js小技巧: 给div绑定keydown事件

div的onclick事件怎么失效了?

1 前言 div是用拼接复制到另一个个div上,div的onclick事件中方法名为close,导致onclick="close()" 触发不了,然后换了名称就可以了 2 代码 <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <div id="open"></div> <d

onblur事件和onfocus事件失效

先看onblur事件和onfocus事件的定义: <element onblur="SomeJavaScriptCode"> <element onfocus="SomeJavaScriptCode"> 双引号中的内容是一段js代码,也可以是一个事件函数 在看几个例子: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

给别的DIV上面加事件

<div id="dd" style="width:200px; height:200px; background-color:#669">这是一个层</div><span onclick="add1()">点击挂上事件</span><span onclick="remove1()">点击移除事件</span> </body><scrip

onfocus事件,onblur事件;Focus()方法,Blur()方法

<1> <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/19