focusout

原生只有 ie 支持 focusout 事件,而 kissy 对这一事件进行了 兼容性处理 .

定义

但一个元素获得焦点或者其子孙元素获得焦点时, focusout 会在该元素上触发(没被子孙元素阻止)。这就是和 blur 事件的区别之处 : 你可以在父元素上监控子元素的 blur 事件,即 focusout 事件支持冒泡.

这个事件常常和 focusin 一起使用.

示例

听 form 中输入域的聚焦情况

<!DOCTYPE html>
<html>
<head>
    <style>
        .info {
            color: red;
        }
    </style>
    <script src="//g.alicdn.com/kissy/k/1.4.7/seed.js" data-config="{combine:true}"></script>
</head>
<body>
<form id='f'>

    <div>
        <label>姓名:<input/><span class='info'> i lose focus</span></label>
    </div>

    <div>
        <label>密码:<input/><span class='info'>i lose focus</span></label>
    </div>

</form>
<script>
    KISSY.use('core', function (S) {
        var $ = KISSY.all;

        $("#f").on("focusout", function (e) {
            var t = $(e.target);
            t.next(".info").html("i lost focus");
        });

        $("#f").on("focusin", function (e) {
            var t = $(e.target);
            t.next(".info").html("i get focus");
        });
    });
</script>

</body>
</html>