angularjs – ng-mouseover和ng-mouseleave事件不适用于chrome
发布时间：2020-12-17 07:19:54 所属栏目：安全 来源：网络整理
导读：我在我的角度应用程序中设置了以下内容 我有一个图像,其中ng-mouSEOver和ng-mouseleave事件与图像标记相关联 img ng-mouSEOver="infoIconStyle={'height':'50px','padding':'10px'}" ng-mouseleave="infoIconStyle={'height':'0','padding':'0'}" src="image
|
我在我的角度应用程序中设置了以下内容
我有一个图像,其中ng-mouSEOver和ng-mouseleave事件与图像标记相关联 <img ng-mouSEOver="infoIconStyle={'height':'50px','padding':'10px'}" ng-mouseleave="infoIconStyle={'height':'0','padding':'0'}" src="images/info-icon.svg" />
然后将这些鼠标悬停事件发送到以下div <div class="dataBoxInfoContent" ng-style="infoIconStyle">{{description}}</div>
因此,当触发ng-mouSEOver时,dataBoxInfoContent div会因高度从0到50px而打开,并且当触发ng-mouseleave时div会再次关闭. 但是由于某些原因,当鼠标离开图像时,不会触发ng-mouseleave,而这只是在Google Chrome中.一切正常在Internet Explorer和Mozilla Firefox中运行. 任何人都知道为什么会这样吗？
我在Chrome上遇到了类似的问题,并最终将问题跟踪到特定的Chrome扩展程序(对我而言,它是
AngularJS Batarang扩展名).
如果您有任何javascript-profiling扩展,那么添加到页面的速度有时会导致事件中的异常行为(特别是鼠标移动事件). 在Chrome调试器的“配置文件”标签中,使用“收集JavaScript CPU配置文件”找出哪些脚本(如果有的话)是生猪,然后如果将鼠标悬停在右侧的脚本上,它会告诉您哪个chrome扩展程序生猪是其中的一部分. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |