javascript - AngularJS:点击目标在元素内部吗?没有 jQuery

标签 javascript angularjs events onclick

我有一个 slideUp 配置区域,在其外部单击时应关闭,但在元素内部单击时当然不会关闭。 我在这里可以找到的关于该主题的所有问题都是关于隐藏菜单的,在这种情况下,点击目标在哪里并不重要。

几个小时后,我设计了一个可行的解决方案 - 在 this plunker 中可用- 但我不得不使用 jQuery 来测试点击目标是否确实在元素之外。

因为我正在学习 AngularJS,所以我想避免使用 jQuery;有人告诉我这是学习它的最好方法 ;)

有没有办法检测到?我敢打赌这很明显,但在我目前所处的阶段,最琐碎的事情需要花费数小时 :D

编辑:这里的真正问题是检测点击是在元素内部还是外部,没有“吃掉”任何相关事件。

最佳答案

“Angular 方式”是放入一个指令,这是一个通用指令的简单工作示例,它可以隐藏/显示内容并使用正文来隐藏。

http://jsbin.com/wanupero/1/edit

它不需要 jQuery(使用与 Angular 捆绑在一起的 jqLit​​e)。

编辑: 这是一个演示指令不会吞下所有点击的版本...... http://jsbin.com/wanupero/4/edit

关于javascript - AngularJS:点击目标在元素内部吗?没有 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22854066/

相关文章:

javascript - 如何使淡入淡出过渡更快 css3?

javascript - $scope 和 ng-model 在同一指令中

multithreading - 所有事件驱动的框架都应该是单线程的吗?

events - 如何在谷歌地图 v3 中触发标记的 dragend 事件?

javascript - 实现多个过滤器 AngularJS 的最佳方法是什么?

javascript - array.slice() 复制一个新数组

angularjs - 自定义指令未显示

angularjs - 替换 :true for angularJS directives 的替代方法

magento - 使用观察者 Magento 更改所有页面上的产品价格

javascript - window.print() 在每一页上重复模态