JS改变input的value值不触发onchange事件解决方案

来源：互联网发布：淘宝外包美工多少钱编辑：程序博客网时间：2024/04/29 13:13

$("#datetxt").on("input propertychange", function () {
alert('变化了');
});

http://blog.csdn.net/zhbitxhd/article/details/12943091

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="utf-8" />
<title>My JSP 'testInput.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
function addValue(){
document.getElementById("mytext").value='dfdsafdsfsfsdfsdfdsf';
init();
}
function addValue2(){
document.getElementById("mytext").value='哈哈哈哈';
init();
}
function changeValue(){
document.getElementById("webtest").value=document.getElementById("mytext").value;
}
function init(){
if("\v"=="v"){//IE浏览器
document.getElementById("mytext").onpropertychange=changeValue;
}else{ // 其他浏览器
document.getElementById("mytext").addEventListener("input",changeValue(),false);
}
}
</script>
</head>
<body>
<input type="button" id="txts" value="点击加载值!" onclick="addValue();"/>
<input type="button" id="txts2" value="第二次改加载值!" onclick="addValue2();"/>
<input type="text" name="textfield" id="mytext"/>
<div>您输入的值为：<input id="webtest"></input></div>
</body>
</html>

0 0