Question

我正在尝试在打字稿中执行鼠标悬停事件。但显示错误为“类型‘HTMLInputElement’不可分配给类型‘字符串’”这是我的源代码：

HTML：

<button class="close" id="mOver" mat-button onmouseover="mouseOver()">X</button>

打字稿：

export class InputComponent {
mouseOverValue = '';

mouseOver = () => {
     this.mouseOverValue = document.getElementById('mOver') as HTMLInputElement;
     this.mouseOverValue="Remove";
  }
}

Answer 1

// does not work 
this.mouseOverValue = document.getElementById('mOver') as HTMLInputElement;

const elem = document.getElementById('mOver') as HTMLInputElement;
this.mouseOverValue = elem.value;

const elem = document.getElementById('mOver') as HTMLInputElement;
this.mouseOverValue = 'remove';
elem.value = this.mouseOvervalue;

const elem = document.getElementById('mOver') as HTMLInputElement;
elem.value = 'remove';
this.mouseOverValue = elem.value;

mouseOverValue 必须是字符串类型不指定 HTMLInputElement 类型

类型 'HTMLInputElement' 不可分配给类型 'string'

1 个答案: