欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Div等元素onBlur的实现

程序员文章站 2022-06-07 15:22:10
...
最近写一个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