`
yixiandave
  • 浏览: 138726 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Div等元素onBlur的实现

    博客分类:
  • js
阅读更多
最近写一个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();
0
3
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics