当前元素>>>angularjs 获取当前元素$event.target及 jQuery中event.target和this的区别

最新推荐文章于 2019-03-19 09:59:47 发布

weixin_30664615

最新推荐文章于 2019-03-19 09:59:47 发布

阅读量371

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yogic/p/8296953.html

版权

AngularJs如何获取代表当前元素的DOM对象获取当前元素$event.target

1.<div ng-click="box($event)" >点击</div>

function box($event){

　　var this=$event.target；//拿到当前dom标签

}

2. jQuery中event.target和this的区别

this是Javascript语言的一个关键字。
this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。
this和event.target的区别：

A.js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

B.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：

function testdiv(val){
        console.log(val.id);
    } 
    function testa(val){
        console.log(val.id);
    }
    </script>
    <body>
        <div οnclick="testdiv(this)" id="testdiv">
            <a href="#" οnclick="testa(this)" id="testa">click me</a>
        </div>
    </body>
======>>>执行结果：

testa

testdiv

    function testdiv(){
        console.log(event.target.nodeName);
    } 
    function testa(){
        console.log(event.target.nodeName);
    }
    function testbody(){
        console.log(event.target.nodeName);
    }
    </script>
    <body οnclick="testbody()">
        <div οnclick="testdiv()" id="testdiv">
            <a href="#" οnclick="testa()" id="testa">click me</a>
        </div>
    </body>

======>>>执行结果：

A
A
A

转载于:https://www.cnblogs.com/yogic/p/8296953.html

weixin_30664615

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
当前元素>>>angularjs 获取当前元素$event.target及 jQuery中event.target和this的区别

AngularJs如何获取代表当前元素的DOM对象获取当前元素$event.target1.<divng-click="box($event)" >点击</div>function box($event){　　var this=$event.target；//拿到当前dom标签}2.jQuery中event.target和this的区...
复制链接

扫一扫