【问题标题】:contentEditable cursor's parent elementcontentEditable 光标的父元素
【发布时间】:2011-12-07 21:31:08
【问题描述】:

我有一个 contentEditable HTML 元素。我想获取光标的父元素。例如,如果光标在表格单元格内,我想显示一些用于编辑表格的控件。这可能吗?还是我要跟踪所有的按键和鼠标按下?

【问题讨论】:

    标签: javascript html contenteditable cursor-position


    【解决方案1】:

    Example 使用parentNode

    document.getElementById('editable').onclick = function () {
     alert(this.parentNode.id);   
    }
    

    【讨论】:

    • 如果您的可编辑元素中有嵌套标签,则必须使用event.target.parentNode.id:jsfiddle.net/vv9gD/1
    • 如果他们用按键调整光标怎么办?如何从选择范围中获取 parentNode?​​span>
    • @Azmisov,event.target 就像按键的冠军
    • @ComFreek,谢谢。你是绝对正确的。实际上,最好从一开始就做 event.target 。我会更新我的答案
    • 没关系,我想通了。这是最终代码:jsfiddle.net/vv9gD/5
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-07-08
    • 2013-03-26
    • 2017-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多