HTML页面的input通过js更改value后，触发的方法，要求是浏览器通用的
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML页面的input通过js更改value后，触发的方法，要求是浏览器通用的相关的知识，希望对你有一定的参考价值。
html页面的input通过js赋值，由于不能得到数据来源，想找一个方法来实现input值改变，我通过触发的方法取值，浏览器不一定是IE
参考技术A 没有这种的触发函数，onchange函数只能接受你输入框中发生改变的事件，但如果是你用js去更改value的值是没有触发函数的。你为什么要这种完全没有意义 的函数，你的实际需求到底是什么 参考技术B
jquery实现基本不用考虑浏览器的问题
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function()
$('#input').change(function()
alert($(this).val())
);
)
</script>
</head>
<body>
<input id="input">
</body>
</html>
html5与js关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value
关于input[type=‘text‘]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();"。做购物车页面时会要用到。- input[type=‘text‘]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange：
1、onchange事件与onpropertychange事件的区别：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；onpropertychange事件却是实时触发，即每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件IE专有。
2、oninput事件与onpropertychange事件的区别：
oninput事件是IE之外的大多数浏览器支持的事件，在value改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过js改变value时，却不会触发；onpropertychange事件是任何属性改变都会触发的，而oninput却只在value改变时触发，oninput要通过addEventListener()来注册，onpropertychange注册方式跟一般事件一样。（此处都是指在js中动态绑定事件，以实现内容与行为分离）
3、oninput与onpropertychange失效的情况：
（1）oninput事件：a). 当脚本中改变value时，不会触发；b). 从浏览器的自动下拉提示中选取时，不会触发。
（2）onpropertychange事件：当input设置为disable=true后，onpropertychange不会触发。
代表用法：
var oInput_text = document.getElementsByTagName(‘input‘);
oInput_text.oninput = function(){
alert(‘你要动我？？‘);
}；
- 文本框的点击全选状态onclick="select();"
用法1：直接html标签里添加：<input type="text" onclick="select();" value="点击全选">
用法2：js添加点击属性：
var oInput_text = document.getElementsByTagName(‘input‘);
oInput_text.onclick = function(){ oInput_text.select();
};
以上是关于HTML页面的input通过js更改value后，触发的方法，要求是浏览器通用的的主要内容，如果未能解决你的问题，请参考以下文章