停止ng mouseenter和ng mouseout在内部元素上触发
Stop ng-mouseenter and ng-mouseout from triggering on inner elements
我有一个无序列表,其中每个li都是一个固定的小尺寸,但当你将鼠标悬停在它上面时,它会扩展到全尺寸。这是通过ng mouseover和ng mouseout完成的。问题是,有些li文本包含其他标记(例如(,当鼠标进入标记时,它会触发mouseout事件并折叠li。
显然,所需的行为是在鼠标位于li内部时使li保持放大,即使它位于子元素之上。有人知道如何基本上忽略内部元素的鼠标悬停吗?如果它进入子元素,我还需要忽略li中的mouseout。
有两种选择:
-
在内部元素上使用CSS指针事件(但首先要检查目标浏览器对它的支持程度(。
-
改为使用ngMouseenter/ngMouseleave(有关mouseenter/mouseleve与mouseover/mouseout之间的不同行为,请参阅此plnkr(
相关文章:
- 正在ng重复元素上添加事件
- Ng隐藏在Ng-click元素之外
- 混合元素的有角度的ng重复
- 无法使以下ng on click outside指令在同一页面上的两个元素上工作
- 是否可以在第n个元素处重复启动ng
- AngularJs的ng-click$事件将子元素作为目标传递
- 他们是如何使用angular/jqLite find()方法按属性名称和值选择元素的?ng conf 2015
- 根据特定条件使用ng显示/ng隐藏来显示/隐藏元素
- 在 ng-if 编译后访问指令中的 DOM 元素
- 如何在更改时显示ng个重复元素的总和
- 隐藏元素直到加载完成(ng斗篷不是我需要的)
- 使用 ng-repeat访问 ng 表单元素/值
- 需要在量角器中找到使用ng中继器的li元素的数量
- 当在ng视图中加载新路由时,Tabbing(tabindex)针对错误的元素
- 列出每行2个元素的最佳方式是按角度重复ng
- 如何在使用Protractor测试时找到ng中继器的最后一个元素
- 如何在AnglujarJS ng中继器中选择特定元素
- angular元素在通过ng类添加类时不起作用
- ng重复向一个元素添加条件类
- AngularJS:根据其他对象预先选择ng repeat中的select元素