Question

所以我有这个大而复杂的页面，有几种形式，其中一些非常大。该页面填充了JavaScript代码，可以对表单输入执行某些操作。

当表单的某些输入从其原始值更改时，我希望获得视觉反馈。理想情况下，一些浅色背景色，仅使用CSS。

Answer 1

您可以使用普通的javascript设置一个特殊的类几秒钟以突出显示更改，然后将其删除。

HTML：

<div id="MyElement">Some Stuff</div>

使用Javascript：

// On data changed:
document.getElementById("MyElement").className = "highlighted";
setTimeout(function() { document.getElementById("MyElement").className = ""; }, 5000); // remove highlight after 5 seconds

确保您有适当的CSS类来反映这一点。 CSS：

.highlighted
{
    background-color: yellow;
}

Answer 2

document.getElementById('form-id').onchange = function() {
    //tweak css here
};

Demo Fiddle

如果更改了任何字段，请更改表单背景颜色

2 个答案: