在文本框中输入/输入数据时，将显示输入的值

Question

我有一个文本框，输入后，我需要获取该值并显示在警报框中，而无需使用任何表单或按钮。

这就是我使用的：但是它不起作用，它在加载文件时给出了空值。

的HTML

<tr>
    <td><br>Address of Patient</td>
    <td> <br> <input type="text" name="inc_patientAddress" id="inc_address" required></td>
</tr>

脚本

<script type="text/javascript">
var x = document.getElementById('inc_address');
alert(x.value);
</script>

我想在文本框中输入数据后显示文本框值，可以吗？ 请帮忙

Answer 1

使用blur事件：

document.getElementById('inc_address').addEventListener('blur', function() {
    console.log(this.value);
}, false);

演示： http ： //jsfiddle.net/tusharj/hop3szu4/

文件： https ： //developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Answer 2

尝试这个

对于每个输入

$('#inc_address').on('input', function() {
alert($(this).val());
});

在这里工作小提琴

对于每个完整的输入

$('#inc_address').on('change', function() {
alert($(this).val());
});

在这里工作小提琴

Answer 3

您需要为该输入添加模糊功能。 一旦它从该文本框中失去焦点，它将调用此函数，因此将显示警报。

<input type="text" name="inc_patientAddress" id="inc_address" onblur="myFunction()" required>

将此函数称为模糊：

myFunction(){
      alert("#inc_address").value();
}