Как выбрать <table>как <div>в редакторе MS Html?

Question

Если вставлен тег типа DIV, MARQUEE или IMG, его можно выбрать, щелкнув в любом месте области тегов.Однако, если ТАБЛИЦА вставлена, ее можно выбрать только при щелчке по границе области тега.Я искал возможное событие (onclick, keydown), определенное для DIV, но, к сожалению, не было найдено соответствующего кода Javascript.DesignMode используется для редактора.Кто-нибудь знает, как сделать выбор таблицы TABLE таким же, как в DIV?

Answer 1

Вы можете сделать это, используя ControlRange и выбрав его. Предполагая, что элемент таблицы хранится в переменной с именем «таблица»:

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 или какое-либо событие в каждой строке или ячейке, то вы получите только событие таблицы;в противном случае указанное событие в любой строке или ячейке будет активировано в предпочтении события таблицы.