jQuery检查元素是否在内部

Question

如果用户在元素中单击，我试图将一个类添加到元素中。

所有通常的规则都适用-“内部”表示它可以在孩子，孙子等内部。

如果在内部，则需要添加一个类-如果在外部，则应删除该类。

我拼凑了这个示例，该示例可以正常工作，但是作为一个非JavaScript的人，我希望能收到一些有关它是否是一种合理方法的反馈，如果可以改进的话-通过改进，我引用了jquery / javascript性能。

任何建议表示赞赏。

$("body").click(function (e) {

    $fs = $(e.target).closest("fieldset.expand");

    if ($fs.length) {
        $fs.addClass("focus");
    }
    else {
        $("fieldset.expand").removeClass("focus");
    }
});

<body>
    <fieldset class="expand">
        <input type="text" />
        <input type="text" />
        <input type="text" />
    </fieldset>
</body>

Answer 1

使你的fieldset可聚焦（但不tabbable），使用tabindex属性具有负值。 然后使用focusin focusout事件设置逻辑：

 $('fieldset.expand').on('focusin focusout', function() { $(this).toggleClass('focus', $(this).find('*').addBack().is(':focus')); });

 fieldset.focus { outline: 0; background: red; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <fieldset tabindex="-1" class="expand"> <input type="text" /> <input type="text" /> <input type="text" /> </fieldset>

jQuery检查元素是否在内部

问题描述

1 个解决方案

解决方案1
0 已采纳 2015-09-30 11:00:07

jQuery检查元素是否在内部

问题描述

1 个解决方案

解决方案1 0 已采纳 2015-09-30 11:00:07

解决方案1
0 已采纳 2015-09-30 11:00:07