搜索

首页  >  问答  >  正文

javascript - btn.addEventListener('click',fn,false);怎么给fn传参数?

试过了貌似传不进去???

我想大声告诉你我想大声告诉你2845 天前776

全部回复(6)我来回复

  • 習慣沉默

    習慣沉默2017-05-18 10:52:06

    为什么这么多人踩?我觉得是个好问题啊,闭包解决之

    <button>click</button>
    <script>
        document.querySelector("button").addEventListener("click", fn('hello world'), false);
        
        function fn(a) {
            return function() {
                alert(a);
            }
        }
    </script>

    回复
    0
  • 黄舟

    黄舟2017-05-18 10:52:06

    不知道你想传什么。

    不过你可以把fn定义成返回函数的函数。基本能满足需求……

    回复
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-18 10:52:06

    btn.addEventListener('click',function(){fn('params')});
    function fn(data) {
        alert(data)
    }

    这样试试?

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-18 10:52:06

    雷雷

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-18 10:52:06

    雷雷

    回复
    0
  • 巴扎黑

    巴扎黑2017-05-18 10:52:06

    我没找到addEventListener的函数原型,在平时使用中我的感觉是。
    addEventListener在捕捉到触发事件之后,给调用函数名后加()调用
    那么

    btn.addEventListener('click',fn,false);

    的监听事件addEventListener捕捉到click事件之后,执行的函数便是 fn()
    addEventListener有的这个弊端就是它不能添加带参数的括号,即不能捕捉到click之后执行 fn(1,2).
    所以平时的时候,我都是使用一个匿名函数function(){fn(1,2)}作为绑定函数。那么代码变成了这样:

    btn.addEventListener('click',function(){fn(1,2)},false)

    在捕捉到click事件之后,触发的函数便是
    function(){fn(1,2)}()
    即可实现触发fn(1,2)这样的带参数函数。

    对addEventListener函数还不是很熟,欢迎讨论指正。

    回复
    0
  • 取消回复