ng-click 事件获取dom元素 angular
2016-11-25 16:17
531 查看
大伙都知道,angular不推荐直接操作DOM元素,而是用指令代替它,但是有时候,我们就是想要获取事件的元素,比如点击等鼠标事件,当然只要理解其中一种,其他的都好说。
下面是代码:
<div> <ul > <li><a href="###" ng-click="clickHere($event)"></a></li> </ul> </div>
js代码
$scope.clickHere() = function($event) { console.log($event.target)// a元素 }
函数中可以传入其他参数,另外ng-mouseoverr, ng-mouseenter等等各种事件的原理都一样。
另外,angualar.element(HTML string or DOMElement)方法可以把参数包装成一个jq对象,使用jq的方法,详见下面的链接:
https://docs.angularjs.org/api/ng/function/angular.element
相关文章推荐
- angularjs ng-click获取当前元素
- VUE中v-on:click事件中获取当前dom元素的代码
- angular中获取一个dom元素的作用域
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- Angular使用操作事件指令ng-click传多个参数示例
- angular中通过事件获取ng-repeat中每个子项的属性
- angularjs ng-click 阻止事件冒泡
- angular 创建一个简单的属性型指令 (动态获取DOM元素size,对DOM样式进行改变)
- v-on:click获取当前事件对象元素
- 解决给dom元素绑定click等事件无效问题的方法
- [jQuery] Dom元素操作和事件获取
- angularJS指令ng-repeat生成的dom元素js获取不到
- 动态生成DOM元素绑定click事件无效问题
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- AngularJS(九)ng-click(事件),angular.module 函数,表单,输入验证
- DOM获取元素及添加事件
- angular2、4 获取dom元素方法
- angularJS 单击ng-click和双击ng-dblclick嵌套或者出现在同一元素 避免事件互相干扰方法
- vue获取当前事件的dom元素 var thisDom = e.currentTarget;