使用lit-element触发事件时获取高度

Question

事件触发时如何获取元素的高度？

我想得到一个高度可编辑的div，但EventTarget has not properties。

import { LitElement, html, customElement } from 'lit-element';

@customElement('my-example')
export class Example extends LitElement {
  render() {
    return html`
      <div
        @keyup="${(e: KeyboardEvent) => console.log(e.target?.offsetHeight)}"
        contenteditable="true"
      ></div>
    `;
  }
}

错误：

Property 'offsetHeight' does not exist on type 'EventTarget'.

Answer 1

会不会是<div>本身不能获得焦点？我发现了这样一条评论：“在大多数浏览器中，焦点对div是不可用的，IE是个例外。你仍然可以通过body或form元素来捕获onkey事件，它们确实支持焦点。”(https://www.sitepoint.com/community/t/onkeyup-on-div/2133/2)

我在这里写了一个例子：https://webcomponents.dev/edit/8LCH2QRq8vXSUqs2y8Vy

除非我在<div>中放入一个<input>，否则我无法获得焦点。