用addEventListener给dom添加函数,在得到的dom结点上找不到对应函数,怎么办?
用addEventListener给dom添加节点,可是得到的dom节点上却找不到对应的函数,这是什么情况?varBtn2=document.getElementById...
用addEventListener给dom添加节点,可是得到的dom节点上却找不到对应的函数,这是什么情况?
var Btn2=document.getElementById("Btn2");
Btn2.onclick=function(){
alert("wohao");
}
这种方式添加事件函数,得到的dom节点上onclick属性就指向该函数。
var Btn1=document.getElementById("Btn1");
Btn1.addEventListener('click',function(){
alert('nihao');
},false);
这种方式添加函数,在得到的dom节点上onclick指向null,真是搞不懂了,js中的addEventListener绑定事件为什么不反映到dom节点上呢?查看dom节点都看不出dom节点上都绑定了什么事件?!郁闷!!帮我脱离苦海吧。
就是如何通过操作和观察dom节点,来查看dom节点上绑定的函数。
<button id="Btn2" onclick="myFn()">点击</button>
和
var Btn2=document.getElementById("Btn2");
Btn2.onclick=function(){
alert("wohao");
}
都可以轻松的分析出dom上绑定的事件函数,可是
var Btn1=document.getElementById("Btn1");
Btn1.addEventListener('click',function(){
alert('nihao');
},false);
这种绑定机制,我得到dom节点却一直分析不出上面绑定的函数(我想看函数代码,而不是简单的知道上面都绑定了什么函数)。 展开
var Btn2=document.getElementById("Btn2");
Btn2.onclick=function(){
alert("wohao");
}
这种方式添加事件函数,得到的dom节点上onclick属性就指向该函数。
var Btn1=document.getElementById("Btn1");
Btn1.addEventListener('click',function(){
alert('nihao');
},false);
这种方式添加函数,在得到的dom节点上onclick指向null,真是搞不懂了,js中的addEventListener绑定事件为什么不反映到dom节点上呢?查看dom节点都看不出dom节点上都绑定了什么事件?!郁闷!!帮我脱离苦海吧。
就是如何通过操作和观察dom节点,来查看dom节点上绑定的函数。
<button id="Btn2" onclick="myFn()">点击</button>
和
var Btn2=document.getElementById("Btn2");
Btn2.onclick=function(){
alert("wohao");
}
都可以轻松的分析出dom上绑定的事件函数,可是
var Btn1=document.getElementById("Btn1");
Btn1.addEventListener('click',function(){
alert('nihao');
},false);
这种绑定机制,我得到dom节点却一直分析不出上面绑定的函数(我想看函数代码,而不是简单的知道上面都绑定了什么函数)。 展开
2个回答
展开全部
实际上,按我的理解,Btn2.onclick这个是给这个dom标签的onclick参数赋值,所以你在调用dom.onclick是有值的,addEventListener这个是给dom对象加了一个监听的事件,这些函数都会在click时候触发。一个是为标签元素赋值参数,一个是为dom对象添加事件。具体内部怎么实现我也不知道,期待高人解答。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
chrome的控制台可以获取Dom节点上绑定的事件。
https://developers.google.com/chrome-developer-tools/docs/commandline-api#geteventlistenersobject
https://developers.google.com/chrome-developer-tools/docs/commandline-api#geteventlistenersobject
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询