我正在使用角度组件(角度UI分页,尽管我不认为这是造成问题的原因),并且我的模板包括以下内容...
<my-button ng-click="selectPage(totalPages, $event)">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="domain.com/scgSprite.svg#arrow"></use>
</svg>
</my-button>
问题是,在MS Edge和IE(而不是Chrome)中,单击按钮时出现以下错误。
TypeError:对象不支持属性或方法“模糊”
当我单击按钮但没有图标的边缘时,这不会发生。我必须实际单击按钮上的SVG元素以获取错误。
任何帮助将不胜感激。
编辑:
从那以后我发现导致错误的angular-ui库中的行是这些...
if (evt && evt.target) {
evt.target.blur();
}
我不想编辑该库,因为将来我将无法将其更新为较新的版本。
是否有可能将.blur()函数添加到MS浏览器中的svg元素?
这解决了问题
if (typeof SVGElement.prototype.blur == 'undefined') {
SVGElement.prototype.blur = function(){};
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句