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>

防止元素被标记

1 个答案: