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