jquery - 防止元素被制表

Question

我有以下 html 标记:

    <tr class="table_row">
    <td tabindex="-1" class="delete_row"><button class="btn btn-small btn-danger">X</button></td>
    <td>
        <span class="row0" contenteditable="true">Text 1</span>
    </td>
    <td>
        <span id="tourCellData" class="row0" contenteditable="true">Text 2</span>
    </td>
    <td>
        <span class="row0" contenteditable="true">Text 3</span>
    </td>
    <td>
        <span class="row0" contenteditable="true">Text 4</span>
    </td>
            <td>
        <span class="row0" contenteditable="true">Text 5</span>
    </td>
</tr>

我正在寻找方法来防止带有“.delete_row”类的元素被标记。我搜索了 StackOverflow，发现 'tabindex="-1"' 应该可以完成这项工作。但这对我不起作用。

我找到了一个使用 jQuery 的解决方案:

$("#parentSelector").on("focus", ".delete_row", function () {
    $(this).next().find("span").focus();
});

是否有不使用 jQuery 的替代解决方案？

Answer 1

这里是解决方案 Fiddle

将 tabindex="-1" 添加到您的按钮元素

 <td class="delete_row"><button tabindex="-1" class="btn btn-small btn-danger">X</button></td>