Javascript 如果用户更改CSS样式,则触发事件?
我正在为IE9(Javascript)编写一个轻量级htc程序。CSS3有一个名为transition的新属性,但它在IE9中不起作用。我正在尝试实现这一点,但我需要知道属性何时更改。我熟悉Javascript 如果用户更改CSS样式,则触发事件?,javascript,css,hover,dom-events,Javascript,Css,Hover,Dom Events,我正在为IE9(Javascript)编写一个轻量级htc程序。CSS3有一个名为transition的新属性,但它在IE9中不起作用。我正在尝试实现这一点,但我需要知道属性何时更改。我熟悉domatrtmodified和onpropertychange,但如果CSS更改属性,它们不会触发: a { color:#FFF; } a:hover { color:#000; } 如果将鼠标悬停在锚点上,domatrtmodified不会执行任何操作。我可以使用mouseover,mouseout
domatrtmodified
和onpropertychange
,但如果CSS更改属性,它们不会触发:
a {
color:#FFF;
}
a:hover {
color:#000;
}
如果将鼠标悬停在锚点上,domatrtmodified
不会执行任何操作。我可以使用mouseover
,mouseout
,blur
,focus
,activate
和deactivate
,并在每次发生属性更改时进行检查,但如果:
div:hover a {
color:#FFF;
}
用户没有悬停锚定标记,但是CSS还是改变了颜色。我认为pie.htc也有同样的问题。我只需要一个与IE 9兼容的解决方案…我认为没有“oncschange”事件 每50毫秒运行一个子程序并检查当前样式如何。如果CSS发生变化,您可以启动自己的事件。我认为可能会对您有所帮助
此外,我建议用户使用更简单、更跨浏览器的或类似的javascript应用程序来测试浏览器执行
转换的能力,如果不能,它将向根元素添加一个类名,您可以使用jQuery或类似框架轻松地将其作为目标:
$('.notransition div').hover(function() {
$a = $(this).find('a');
//Then animate $a.
}, function() { ... });
这样,如果可能的话,您可以使用本机属性,如果不可能,可以回退到jQuery。这很残忍,但我认为如果没有其他人回答,这是唯一的解决方案。我会等几天。。。