javascript - iframeデザインモードでcaretの親要素を取得する

Question

iframewithのcaretの親要素が何であるかを知りたいdesignMode = 'on'。pその理由は、現在ユーザーがタグを入力しているかどうかを知りたいからです。

Answer 1

これを行うための関数は、同様の質問への回答から適応されたものです。

function getSelectionBoundaryElement(win, isStart) {
    var range, sel, container = null;
    var doc = win.document;

    if (doc.selection) {
        // IE branch
        range = doc.selection.createRange();
        range.collapse(isStart);
        return range.parentElement();
    } else if (win.getSelection) {
        // Other browsers
        sel = win.getSelection();

        if (sel.rangeCount > 0) {
            range = sel.getRangeAt(0);
            container = range[isStart ? "startContainer" : "endContainer"];

            // Check if the container is a text node and return its parent if so
            if (container.nodeType === 3) {
                container = container.parentNode;
            }
        }
    }
    return container;
}

使用例：

var iframe = document.getElementById("your_iframe_id");
var caretElement = getSelectionBoundaryElement(iframe.contentWindow, true);