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();

你可能感兴趣的:(js,jquery)