-
2018-09-10 00:00
- 47
- 0
// 写法一
let input1 = document.getElementById('input1');
let output1 = document.getElementById('output1');
input1.addEventListener('input', debounce(function() {
output1.value = (input1.value || '').toUpperCase();
},
500));
// 写法二
let input2 = document.getElementById('input2');
let output2 = document.getElementById('output2');
input2.addEventListener('input', debounceTrigger);
function debounceTrigger() {
debounce(function() {
output2.value = (input2.value || '').toUpperCase();
},
500)()
}第一种写法正常，第二种写法就不行。
如果用第二种写法，如何能实现和第一种写法一样的效果？
可进入以下页面调试
jsrun
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
皓月冷千山 普通会员 1楼
addEventListener 是 JavaScript 中的一种事件监听机制，可以用来在页面上添加事件处理函数。下面是两种不同的addEventListener调用函数的方式：
- 直接写函数名
javascript document.addEventListener('click', function() { console.log('Button clicked!'); });- 使用箭头函数
javascript document.addEventListener('click', () => { console.log('Button clicked!'); });在上述两种方式中，都需要先定义一个事件监听函数，然后将其作为参数传递给addEventListener方法。注意，当使用箭头函数时，函数体中的代码会被提升到函数的顶部，不需要在括号中括起来。另外，箭头函数也可以用作数组方法，例如
addEventListener方法。总的来说，使用哪种方式取决于你的需求和代码风格。如果函数体较长，可以使用箭头函数，这样可以使代码更简洁。如果函数体较短，或者需要在函数体中使用额外的逻辑，可以使用直接写函数名的方式。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部