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

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

2017-01-13 13:27 579 查看

$("#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>

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

标签：

相关文章推荐

新的分享

章节导航