目录记录一次踩坑经历写法一写法二.addEventListener添加事件失败原因之一正确语法错误语法总结记录一次踩坑经历 写法一 const outer = function ()
const outer = function () {
var x = "我是外面函数的变量";
console.log('我现在要在外层被调用');
return function () {
console.log(x);
}
};
document.addEventListener('scroll', outer)
结果：
const outer = function () {
var x = "我是外面函数的变量";
console.log('我现在要在外层被调用');
return function () {
console.log(x);
}
};
document.addEventListener('scroll', outer())
结果：
两种写法在于第二种写法在事件绑定的时候默认的执行了一次outer，所以得到的是inner函数了，以后翻页执行的是inner函数
document.getElementById("myBtn").addEventListener("click", function(){
document.getElementById("demo").innerhtml = "Hello World";
});addEventListener() 方法用于向指定元素添加事件句柄。
注意，这个指定元素是一个元素，所以当使用document.getElementsByClassName();来获取对象然后再添加事件的时候就会失效，因为它获取的是一个数组对象。
document.getElementsByClassName("myBtn").addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Hello World";
});当然，对应数组对象，要访问其中的一个元素，我们要加上数字角标。
使用方式为：
var x = document.getElementsByClassName();
x[0].innerHTML = 'nihao';以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。
--结束END--
本文标题: 基于函数执行的踩坑(addEventListener)
本文链接: https://www.lsjlt.com/news/178283.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0