如何选择<表>就像;在 MS Html 编辑器中？

Question

如果插入了 DIV、MARQUEE 或 IMG 等标签，则单击标签区域中的任意位置即可选择该标签。但是，如果插入了TABLE，则只有单击标签区域的边框才能选择它。我搜索了为 DIV 定义的可能事件（onclick、keydown），但遗憾的是没有找到相关的 Javascript 代码。 DesignMode 用于编辑器。有人知道如何让 TABLE 像 DIV 一样更容易被选择吗？

Answer 1

您可以使用 ControlRange 并选择它来完成此操作。假设表元素存储在名为“table”的变量中：

table.onclick = function() {
    if (document.selection.type != "Control") {
        var range = document.body.createControlRange();
        range.add(this);
        range.select();
    }
};

jsFiddle: http://jsfiddle.net/DTK8j/

Answer 2

这可能意味着创建了表，以便为每个单元格定义一个事件，并且可能每行也有一个事件。当您单击行中的任何区域时（如果没有为单元格指定填充），单元格事件将被触发并首先检测单元格事件而不是行事件。同样，单击行将触发行事件而不是表事件。

所以这很困难，但是如果您没有定义任何事件（例如 onclick）或每行或单元格上的任何事件，那么您只能获得表格事件；否则，任何行或单元格上定义的事件将优先于表事件被激活。