Question

onchange="myfunction()"

当我想在用户将一些文本输入到输入字段时执行Javascript函数“myfunction”时，上述工作非常有效但是，我有一种情况是浏览器自动输入文本。如何使用以下内容更新字段时如何执行myfunction：

document.getElementById("myfield").value = "my value"

“onchange”无法识别DOM更改。

Answer 1

onchange仅在用户输入输入时触发，然后输入失去焦点。

但您可以使用以下方式触发事件：

$("#myfield").trigger("change");

＆＃13;

$(function(){

	$('#btn').click(function(){
  	document.getElementById('myField').value = "my value";
    $('#myField').trigger('change');
  });
  
})
function myfunction(){
  	alert('Value Changed');
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type = "text" onChange = "myfunction()" id="myField"/>
<button id="btn">Change
</button>

＆＃13;

onchange仅在用户输入输入时触发，然后输入失去焦点。

但您可以使用以下方式触发事件：

$("#myfield").trigger("change");

<强> JSFIDDLE

如何使用Javascript来判断浏览器是否更改了HTML输入字段？

1 个答案: