如果绑定的事件里面带了参数，请问应该如何移除呢？

这样移好像移除不掉

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button id="test1">1111</button>
    <script>
 var test1 = document.getElementById('test1');
 function fn1(str) {
            alert(str);
 }

        test1.addEventListener('click', function() {
            fn1('今天天气不错！');
 }, false);

 test1.removeEventListener('click', function() {
            fn1('今天天气不错！');
 }, false);
        
 </script>
</body>
</html>

VisaW 2018-02-11

源自：JavaScript事件 2-4 事件解绑

收起

2回答

一路电光带火花 2018-02-11 16:41:17

如果要使用事件监听，且还要解绑，只能这么写~
如果要传参，那就换个方式写呗，使用click

收起回答

小丸子爱吃菜 2018-02-11 14:16:19

老师课程里面讲的很详细了，如果要实现移除的话，不要用匿名函数，要保持它们的参数一致，还是要去好好听课的。

祝学习愉快！

收起回答

提问者 VisaW #1

如果按您这样写，那调用fn1函数的时候就没法往里面穿参数了，我想往里面传参数，而不是固定的str。

2018-02-11 15:50:48
黄永泰回复提问者 VisaW #2

按照它这样写的话其实也是可以往里面传递参数的借助jQuery的proxy方法 test1.addEventListener('click',$.proxy(fn1,window,'哈哈哈'), false); 比如这样其中proxy的第一个参数是函数本身第二个参数是修正函数中的this 由于本列中 fn1中没有用到this 所以随意第三个参数是你要传递的参数

2018-02-11 22:32:48
黄永泰 #3

当然如果你不想用jquery的话你可以去查看看这个proxy方法是怎么用原生js实现的在jquery中源码是这样的你可以照这个写出一个原生js实现的proxy proxy: function (fn, context) { var tmp, args, proxy; if (typeof context === "string") { tmp = fn[context]; context = fn; fn = tmp; } // Quick check to determine if target is callable, in the spec // this throws a TypeError, but we will just return undefined. if (!jQuery.isFunction(fn)) { return undefined; } // Simulated bind args = core_slice.call(arguments, 2); proxy = function () { return fn.apply(context, args.concat(core_slice.call(arguments))); }; // Set the guid of unique handler to the same of original handler, so it can be removed proxy.guid = fn.guid = fn.guid || jQuery.guid++; return proxy; }

2018-02-11 22:34:46