如何捕获input 文本框内容改变的事件？并且考虑在各主流浏览器
onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。onkeyup也不合适。有没有一种可行的解决办法，并且在各主流...
onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。onkeyup也不合适。有没有一种可行的解决办法，并且在各主流浏览器下都适用。
展开
展开全部
思路是这样，用js写一个定时脚本，每过5秒（比如，看你的需要）检查指定的input的内容，把当前内容记录到一个变量里，在第二次检查input内容时把当前内容和之前记录的做比较，如果内容不同（即内容改变）就触发一个XXX事件。 这样不管是键盘输入的变化还是脚本引起的变化都有效。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>input实时监控</title>
</head>
<body>
<input id="inputVal" type="text" onChange="test();">
<div id="content"></div>
</body>
<script language="javascript">
//键盘监听
document.onkeyup = function (e){
var code;
if (!e){
var e = window.event;
}
if (e.keyCode){
code = e.keyCode; //IE
}else if (e.which){
code = e.which; //FF
}
var act = document.activeElement.id; //获得焦点的ID
if(act=="inputVal"){
document.getElementById("content").innerHTML = document.getElementById("inputVal").value;
}
}
</script>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>input实时监控</title>
</head>
<body>
<input id="inputVal" type="text" onChange="test();">
<div id="content"></div>
</body>
<script language="javascript">
//键盘监听
document.onkeyup = function (e){
var code;
if (!e){
var e = window.event;
}
if (e.keyCode){
code = e.keyCode; //IE
}else if (e.which){
code = e.which; //FF
}
var act = document.activeElement.id; //获得焦点的ID
if(act=="inputVal"){
document.getElementById("content").innerHTML = document.getElementById("inputVal").value;
}
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
