时间戳

首页 > 解决方案 > 我正在寻找 HTML 属性的更多选项/信息：“contenteditable = 'true'”和 javascript:“focus()”函数

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

问题描述

我想了解更多关于“HTML contenteditable =' true '”属性和 javascript focus() 函数的信息。例如，我想知道如何影响焦点线的位置或如何编辑焦点线的背景。我已经用谷歌搜索了一些东西，但我找不到正确的信息。

有没有人有好的提示？

标签： javascriptfocuscontenteditable

解决方案

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

document.activeElement

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

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

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

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

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

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

您还可以使用以下方法删除单击时的焦点边框：

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

推荐阅读