将 keyDown() 函数添加到 中这是 contenteditable div 的新子级

Question

Jsfiddle： http://jsfiddle.net/qTEmc/1/

我需要将事件与按键关联添加到 contenteditable 中的链接的事件。

如果您尝试在链接的 jfiddle 中的可内容编辑区域中输入内容，您会看到它创建了一个链接，您可以在其中输入内容。如果你按回车键，你就会转到换行符。我想要的是在新链接中按回车键来触发函数。为了取得进展，我现在只是想让它返回警报。

有谁知道一个可靠的方法来做到这一点？

Answer 1

您将无法检测链接本身内的关键事件，因为它们不会触发关键事件。相反，您需要针对 contenteditable 元素调整现有的 keypress 处理程序，以检查所选内容是否位于链接内。这是一个可以做到这一点的函数。我还更新了您的演示。

function selectionInsideLink() {
    var node = null, sel;

    // Get the selection container node
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.rangeCount) {
            node = sel.getRangeAt(0).commonAncestorContainer;
        }
    } else if (document.selection) {
        sel = document.selection;
        if (sel.type != "Control") {
            node = sel.createRange().parentElement();
        }
    }

    // Check if the node is or is contained inside a link
    while (node) {
        if (node.nodeType == 1 && node.tagName.toLowerCase() == "a") {
            return true;
        }
        node = node.parentNode;
    }
    return false;
}