如何在输入文本上绑定事件包含数据答案

【问题标题】：How to bind an event on input text contains data如何在输入文本上绑定事件包含数据
【发布时间】：2021-04-09 08:18:14
【问题描述】：

在下面发布的 html 代码中，我有一个标签，我想知道如何绑定指示输入文本标签被触发的事件的发生。换句话说，我想在输入上触发或发出事件标签中填充了数据，例如绑定按钮中的（单击）事件请告诉我该怎么做

代码：

<span class="classOriginLat">
  <label for="originLatLabel">origin Latitude:</label>
  <input type="text" class="classInputOriginLat"id="originLatTextId" name="originLatText" required [(ngModel)]=IMeasurementCoordinates.originLat>
</span>

【问题讨论】：

你可以像这样绑定<input (change)="onInputChange($event)"/>。这需要在控制器中定义onInputChange(e) 方法。

标签： javascript angular typescript eventemitter

【解决方案1】：

HTML 模板

<input (change)="onInputChange($event)"/>

事件的控制器方法

onInputChange(e) {
 console.log('input change event data', e);
}

【讨论】：

【解决方案2】：

oninput 可以成为您的解决方案。

var txtInputFilled = false;

function print(element) {
  if(element.value.length > 0) {
    console.log(element.value);
    txtInputFilled = true;
  }
  else {
    txtInputFilled = false;
  }
}

function check() {
  console.log("text input filled : " + txtInputFilled);
}

<input id="txt" type="text" oninput="print(this);"/>
<button type="button" onclick="check();">check</button>

查看the answer from similar question for various input case。

【讨论】：