当前位置: 代码迷 >> Web前端 >> Div等元素onBlur的兑现
  详细解决方案

Div等元素onBlur的兑现

热度:111   发布时间:2013-07-20 11:07:48.0
Div等元素onBlur的实现
最近写一个dl元素,要求在blur后自行销毁,一直无法正常被调用

经过实验发现
onblur被调用一定要事先被focus
而元素可以被focus的前提就是tabindex属性需要被赋值,通常为0

所以,实现onblur事件响应需要添加tabindex属性并且在展示的时候调用focus()获取焦点

//重要!添加tabindex属性
var div = $("<div></div>").attr("tabindex",0);

div.blur(function(){
    div.slideUp("normal",function(){
        div.remove();
    });
});

//为div添加内容和样式

div.slideDown("normal");
//重要!获取焦点
div.focus();