您的位置：首页 > 产品设计 > UI/UE

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

2015-05-27 17:11 513 查看

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

实测IE11, Chrome可行，代码如下：

<!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>

更进一步的内容请参考：

/article/8354919.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航