我正在寻找HTML属性的更多选项/信息：“ contenteditable ='true'”和javascript：“ focus（）”函数

Question

我想了解有关“ HTML contenteditable ='true'”属性和javascript focus（）函数的更多信息。例如，我想知道如何影响聚焦线的位置或如何编辑聚焦线的背景。我已经在Google上搜索了一些内容，但是找不到正确的信息。

任何人都有好的小费吗？

Answer 1

您可以通过在Google Chrome控制台中编写来检查哪个元素是重点：

document.activeElement

contenteditable属性指定元素的内容是否可编辑。

如果要触发对contenteditable元素的关注，可以通过以下方式实现：

$(".contenteditableClassName").focus();

此元素的任何其他背景更改都是由CSS完成的，例如，您可以使用

    .no-touchevents &:hover, &:focus, &:active {
        border-color: white;
        color: blue;

您可以通过这种方式对焦点元素应用不同的更改。

此外，您也可以使用以下方法删除点击时的焦点边框：

        .pointer-focus &:focus {
        outline: none;
        }