兼容IE & Firefox 的脚本改本属性值的检测方法 [ 不支持Chrome ]-优快云博客

本文介绍如何使用JavaScript实现事件监听和属性变化检测，包括使用DOM事件和属性监听器来响应用户操作和实时更新页面状态。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <input id="chkTest" type="checkbox" checked="checked"/> <input type="button" value="更改" onclick="ChangeCHK()" /> <script type="text/javascript"> var chkTest = document.getElementById("chkTest"); if (chkTest.watch) { chkTest.watch("checked", function (id, oldval, newval) { alert(newval); return newval; }); } else { chkTest.onpropertychange = function () { alert(this.checked); } } </script> <script type="text/javascript"> function ChangeCHK() { var check = chkTest.checked; chkTest.checked = check == true ? false : true; } </script> </body> </html>

————————————————————————————————————————————————————————————

下面的代码支持所有的浏览器，可惜效率不高。

————————————————————————————————————————————————————————————

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script> var insObj = new Array(); var timer = null; function $(id) { return document.getElementById(id) }; function changeInspector(id) { insObj[id] = "" + $(id).value; timer = setInterval("inspector('" + id + "')", 100); } function inspector(sid) { if ($(sid).value != insObj[sid]) { alert("property changed"); insObj[sid] = $(sid).value; } } function doinspector() { changeInspector("mm"); changeInspector("mm2"); } </script> </head> <body onload="doinspector()"> <input type="text" id="mm" value=""></input> <input type="text" id="mm2" value=""></input> <input type="button" onclick="document.getElementById('mm').value='aa'" value="改变值"></input> 在doinspector 函数里添加就可以了 changeInspector(对象的ID); //例如 changeInspector("mm"); </body></html>