TextFormat: underlineStyle-Eigenschaft

Wert

Ein String, der einen der folgenden Werte hat:

• "none": Keine Unterstreichung.
• "solid": Eine durchgehende Unterstreichung.
• "double": Eine doppelte Unterstreichung.
• "dotted": Eine gepunktete Unterstreichung.
• "dashed": Eine gestrichelte Unterstreichung.
• "wavy": Eine gewellte Unterstreichung.

Beispiele

Lesen des anzuwendenden Unterstreichungsstils

Das folgende Beispiel zeigt, wie die underlineStyle-Eigenschaft des textformatupdate-Ereignisses verwendet wird, um den Unterstreichungsstil zu bestimmen, der auf den zu formatierenden Text angewendet werden soll. Beachten Sie, dass der Event-Listener-Callback in diesem Beispiel nur aufgerufen wird, wenn ein IME-Fenster zum Komponieren von Text verwendet wird.

<div id="editor"></div>

#editor {
  height: 200px;
  background: #eeeeee;
}

const editorEl = document.getElementById("editor");
const editContext = new EditContext(editorEl);
editorEl.editContext = editContext;

editContext.addEventListener("textformatupdate", (e) => {
  const formats = e.getTextFormats();

  for (const format of formats) {
    console.log(
      `IME wants to apply a ${format.underlineStyle} underline between ${format.rangeStart} and ${format.rangeEnd}.`,
    );
  }
});

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Die TextFormat-Schnittstelle, zu der sie gehört.