在聚合物 3 中，双击事件不起作用。例如：@on-dblclick= "${this.dblclicked}"

Question

如何在聚合物3中使用双击事件，我不想使用自定义双击。以下是我的代码不起作用。

import { html } from '@polymer/lit-element';
import { PageViewElement } from './page-view-element.js';
import { SharedStyles } from './shared-styles.js';
class MyView1 extends PageViewElement {
  render() {
    return html
      ` ${SharedStyles}
      <section>
      <input type='text' @on-dblclick="${this.dblclicked}"/>
      </section>  `;
  }
  dblclicked() {
  }
}
window.customElements.define('my-view1', MyView1); `

Answer 1

在lit element on-dblclick event的用法是

 <input type='text' value="Double Click Me" @dblclick="${this.dblclicked}"/>

demo