每次触发“selectionchange”事件时,我都将 CSS 应用于Magicsuggest框的“选定项目”框。但是,每次输入 div 失去或获得焦点时,这些框似乎都会重新呈现。
使用 Firefox,我通过在模糊和焦点事件上重新应用我的 CSS 来捕捉这些。(这很有效,尽管对于我正在尝试做的事情来说非常耗费资源。)然而,在 Chrome 中,模糊事件从未被触发(由于这些方面的原因,我认为。)。有没有人能想出一种方法,我可以用一个事件或替代解决方案来捕捉盒子的每一次重新渲染?
31/8 更新:现在看来 Firefox 和 Chrome 的行为是一样的,我的 css 效果在模糊时丢失了。
更多信息:
JSFiddle:http: //jsfiddle.net/ZyA7B/16/
我试图捕捉事件的代码
$(ms).on('blur focus', function(event){
console.log('fired');
var selDivs = $(event.target._valueContainer[0].parentNode).children('div'); //Get all the divs in the selction
$.each(selDivs,function(index,value){ $(value).css('background','blue');
});
});