jQuery中event.target和this的区别
答案:1 悬赏:40 手机版
解决时间 2021-04-08 05:09
- 提问者网友：蓝琪梦莎
- 2021-04-07 15:03
jQuery中event.target和this的区别
最佳答案
- 五星知识达人网友：玩家
- 2021-04-07 16:31
1. this是Javascript语言的一个关键字。
2. this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。
3. this和event.target的区别：
4. js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
5. this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);
<script>
function testdiv(){
console.log(event.target.nodeName);
}
function testa(){
console.log(event.target.nodeName);
}
function testbody(){
console.log(event.target.nodeName);
}
</script>
<body onclick="testbody()">
<div onclick="testdiv()" id="testdiv">
<a href="#" onclick="testa()" id="testa">click me</a>
</div>
</body>
2. this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。
3. this和event.target的区别：
4. js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；
5. this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);
<script>
function testdiv(){
console.log(event.target.nodeName);
}
function testa(){
console.log(event.target.nodeName);
}
function testbody(){
console.log(event.target.nodeName);
}
</script>
<body onclick="testbody()">
<div onclick="testdiv()" id="testdiv">
<a href="#" onclick="testa()" id="testa">click me</a>
</div>
</body>
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯