首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

DIV 获取焦点跟失去焦点

2012-11-25 
DIV 获取焦点和失去焦点htmlheadmeta http-equivContent-Type contenttext/html charsetGBK

DIV 获取焦点和失去焦点

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>div 触发失去焦点事件</title>
</head>
<body>
<h1>设置tabindex属性可触发焦点事件</h1>
<div style="float:left;">

<div id="birthday__jQSelect0" tabindex="0">
<li>测试一下 </li><li>测试一下 </li><li>测试一下 </li>
</div>

<script type="text/javascript">
document.getElementById('birthday__jQSelect0').onmouseover = function(){
document.getElementById('birthday__jQSelect0').focus();
return false;
}
document.getElementById('birthday__jQSelect0').onblur = function(){
alert("jjjjjj");
return false;
}
</script>


<iframe height="100" src="aa.html">
</iframe>
</body>
</html>

热点排行