更改控件的“Class”属性时要检测的任何事件
Any event to detect when the "Class" attribute is changed for a control
我有一个带有一些id="myDiv" class="myClass"
var var1=10;
的"div"控件在 Javascript 中。根据用户操作,我会将此控件的类从"myClass"更改为"newClass",因此当发生这种情况时,我想将 var1 的值更改为 20。
那么,我如何认识班级的这种变化呢?
您必须使用 3 件事:
- onpropertychange 事件,适用于 IE <9
- DOMAttrModified,适用于IE9,Opera,Firefox,并且不像Dr.Molle建议的那样令人遗憾地适用于所有其他产品。
- 其他所有内容 - 必须求助于 setInterval 循环,检查值是否更改,这包括 webkit 浏览器(chrome 和 safari),因为它们仍然没有 DOMAttrModified 支持,所以 - 你必须求助于循环检查这些浏览器。
有jQuery插件可以实现这一点(页面上还有一个演示):
http://darcyclarke.me/dev/watch/
您可以使用
onpropertychange(IE)和DOMAttrModified(其他)
相关文章:
- Angularjs指令如何检测属性中的更改
- 如何检测对HTML5的支持;下载”;属性
- 正在检测对象数组中是否存在属性值
- 浏览器检测和 Firefox data-src 属性
- 如何检测对象是否具有特定属性
- 角度2 - 检测属性@Input的变化
- 如何检测 javascript 中无效属性的使用
- 如何检测 DOM 属性中的更改
- Chrome 中的突变对象无法检测属性和 CSS 更改
- 在嵌套的边框容器内容窗格小组件中未检测到区域属性
- 检测是否存在属性为 [itemtype='http://schema.org/Offer'] 的标签的最
- 检测使用 javascript 动态分配的 css 样式/属性
- Ruby - Selenium Webdriver , AngularJS 单选按钮无法检测属性
- 有没有办法检测对象的属性何时被更改
- 使用 change() 检测属性值的变化
- 检测具有 href 属性的“A”标记,该属性等于当前页面的 URL
- 检测视图模型属性是否在不刷新的情况下发生更改
- 检测浏览器对css属性的支持
- 检测属性没有值的元素
- 检测属性显示从无显示到显示块