TOGOUTECH

javascript - removeEventListener 的行为

coder 2024-05-16 原文

请检查以下代码:

var clickfn = function(){
 alert("clicked");                    
}
document.getElementById("div1").addEventListener("click",clickfn,true);
clickfn = function(){  };
document.getElementById("div1").removeEventListener("click");

http://jsfiddle.net/qUtzL/4/

为什么 removeEventListener 不起作用?

最佳答案

removeEventListener 有 2 个参数,事件和要移除的函数。
这应该有效:

document.getElementById("div1").removeEventListener("click", clickfn);

此外,您正在执行的函数是空的。

var clickfn = function(){  };

关于javascript - removeEventListener 的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13474370/

有关javascript - removeEventListener 的行为的更多相关文章

  1. javascript - Parse 在 React Native 中找不到 localStorage 变量 - 2

    我有一个ReactNative应用程序,它可以在打开Chrome调试器的情况下正常运行。但是,一旦我禁用它,每当我尝试进行任何Parse调用时,我都会收到以下错误:调用堆栈返回以下尝试登录用户的代码:Parse.User.logIn(email,password,{success:function(res){console.log('success');},error:function(error){console.log(error.code+''+error.message);}});我已经尝试删除控制台语句,以防错误与控制台不可用有关,但无济于事。

  2. javascript - 每 3 秒重复一次动画 - 2

    我正在使用WOW.js和animate.css,现在我正在将CSS运行到Infinite。我想知道如何让我的类运行3秒停止并重新开始无限?我的html:<imgsrc="images/fork.png"class="forkwowrubberBand">我的CSS类:.fork{position:absolute;top:38%;left:81%;max-width:110px;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:5s;}解决方案可以在JS或CS

  3. Javascript findIndex 不是函数 - 2

    我有一个json数组:[{"id":19,"name":"Jed","lastname":"DIAZ","hobby":"photo","birthday":"2011/11/22"},{"id":20,"name":"Judith","lastname":"HENDERSON","hobby":"pets","birthda

  4. javascript - Passport.js github 策略回调总是返回 "TypeError: Cannot set property ' 未定义的用户” - 2

    我通常是Passport身份验证的新手,我正在尝试创建一个简单的Express应用程序以使用github策略passport-github.对于google和twitter策略,我使用下面基本上相同的代码取得了成功,但每次我尝试合并github策略时,每当我点击回调路由时,我都会收到500响应并出现此错误:无法设置未定义的属性“用户”TypeError:Cannotsetproperty'user'ofundefinedat/Users/dan/Repos/passport-github-portal/node_modules/passport-github/node_

  5. javascript - 如何使用 Javascript 或 jQuery 突出显示页面上所有出现的单词? - 2

    我有一个关键字列表,然后是页面上包含这些关键字的句子列表。我想让关键字列表可点击。当用户点击一个关键字时,该关键字的所有匹配项都会在句子中突出显示。如何使用jQuery或原始Javascript执行此操作?我能想到的唯一方法是用一个包含自身作为类名的类来包装页面上的每个单词。然后制作关键字按钮,为匹配的词类添加高亮类。这可能有效,但似乎有很多不必要的代码注入(inject)。关键字列表<button>this</button><button>example</button>句子<spanclass='word_this

  6. javascript - 使用 Multer 上传文件,不知道他们的字段名 - 2

    看完这篇文章:http://lollyrock.com/articles/express4-file-upload/我发现Multer过去允许在您不知道要上传的表单字段的名称时上传文件。例如,如果您查看文章的“使用Multer”部分,您会发现作者没有使用.single()、.array(),或调用app.use()时的.fields()。如果您使用当前版本的Multer执行此操作,您将收到错误TypeError:app.use()requiresmiddlewarefunctions。虽然我对如何使用.single()、.array()或.fields()略有了解,我当前的项目要求我向

  7. javascript - 将 Select2 选择绑定(bind)到 Vue js 模型数据 - 2

    我正在使用select2来增强html选择元素。我想将select元素的值绑定(bind)到Vue变量,但是Select2似乎阻止了这一点。在保留Select2行为的同时实现此数据绑定(bind)和事件监听的最佳方法是什么。我想这是将select2事件链接到Vue实例的情况。我做了afiddle演示问题(不在下面运行但在jsfiddle上运行):$('#things').select2();newVue({el:"#vue-example",data:{thing:null,thing2:null},methods:{log:function(str){

  8. javascript - ECMAScript6 AngularJS 过滤器 - 2

    我在一个项目中使用ECMAScript6并试图创建一个AngularFilter。以下是我的尝试,但是我在控制台中收到以下错误:无法设置未定义的属性“PassFilter”我是ES6和Angular的新手。由于遗留限制,我不得不以这种方式引导Angular。myAngularModule=angular.module("MyModule");angular.element(document).ready(function(){varmyDiv=$("#myAngularDiv");angular.bootstrap(myDiv,["MyModul

  9. javascript - 谷歌可视化堆叠条形图 : colors and labels for each value - 2

    我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{

  10. javascript - 与纸标签一起使用时,在铁页中预选默认页面 - 2

    我正在使用polymeriron-pages连同paper-tabs在我的Rails应用程序中。问题是在paper-tabs之一之前没有显示任何页面。被点击。我想要iron-pages中的第一页默认情况下选择,无需用户交互。我都把paper-tabs都放了和iron-pages在<templateis='dom-bind'></template>.已阅读有关数据绑定(bind)的文档,但我无法弄清楚如何实现这一点。请有人提出您宝贵的建议。谢谢。<templateis="dom-bind"><divclass=&#

随机推荐

  1. javascript - Parse 在 React Native 中找不到 localStorage 变量 - 2

    我有一个ReactNative应用程序,它可以在打开Chrome调试器的情况下正常运行。但是,一旦我禁用它,每当我尝试进行任何Parse调用时,我都会收到以下错误:调用堆栈返回以下尝试登录用户的代码:Parse.User.logIn(email,password,{success:function(res){console.log('success');},error:function(error){console.log(error.code+''+error.message);}});我已经尝试删除控制台语句,以防错误与控制台不可用有关,但无济于事。

  2. javascript - 每 3 秒重复一次动画 - 2

    我正在使用WOW.js和animate.css,现在我正在将CSS运行到Infinite。我想知道如何让我的类运行3秒停止并重新开始无限?我的html:<imgsrc="images/fork.png"class="forkwowrubberBand">我的CSS类:.fork{position:absolute;top:38%;left:81%;max-width:110px;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:5s;}解决方案可以在JS或CS

  3. Javascript findIndex 不是函数 - 2

    我有一个json数组:[{"id":19,"name":"Jed","lastname":"DIAZ","hobby":"photo","birthday":"2011/11/22"},{"id":20,"name":"Judith","lastname":"HENDERSON","hobby":"pets","birthda

  4. javascript - Passport.js github 策略回调总是返回 "TypeError: Cannot set property ' 未定义的用户” - 2

    我通常是Passport身份验证的新手,我正在尝试创建一个简单的Express应用程序以使用github策略passport-github.对于google和twitter策略,我使用下面基本上相同的代码取得了成功,但每次我尝试合并github策略时,每当我点击回调路由时,我都会收到500响应并出现此错误:无法设置未定义的属性“用户”TypeError:Cannotsetproperty'user'ofundefinedat/Users/dan/Repos/passport-github-portal/node_modules/passport-github/node_

  5. javascript - 如何使用 Javascript 或 jQuery 突出显示页面上所有出现的单词? - 2

    我有一个关键字列表,然后是页面上包含这些关键字的句子列表。我想让关键字列表可点击。当用户点击一个关键字时,该关键字的所有匹配项都会在句子中突出显示。如何使用jQuery或原始Javascript执行此操作?我能想到的唯一方法是用一个包含自身作为类名的类来包装页面上的每个单词。然后制作关键字按钮,为匹配的词类添加高亮类。这可能有效,但似乎有很多不必要的代码注入(inject)。关键字列表<button>this</button><button>example</button>句子<spanclass='word_this

  6. javascript - 使用 Multer 上传文件,不知道他们的字段名 - 2

    看完这篇文章:http://lollyrock.com/articles/express4-file-upload/我发现Multer过去允许在您不知道要上传的表单字段的名称时上传文件。例如,如果您查看文章的“使用Multer”部分,您会发现作者没有使用.single()、.array(),或调用app.use()时的.fields()。如果您使用当前版本的Multer执行此操作,您将收到错误TypeError:app.use()requiresmiddlewarefunctions。虽然我对如何使用.single()、.array()或.fields()略有了解,我当前的项目要求我向

  7. javascript - 将 Select2 选择绑定(bind)到 Vue js 模型数据 - 2

    我正在使用select2来增强html选择元素。我想将select元素的值绑定(bind)到Vue变量,但是Select2似乎阻止了这一点。在保留Select2行为的同时实现此数据绑定(bind)和事件监听的最佳方法是什么。我想这是将select2事件链接到Vue实例的情况。我做了afiddle演示问题(不在下面运行但在jsfiddle上运行):$('#things').select2();newVue({el:"#vue-example",data:{thing:null,thing2:null},methods:{log:function(str){

  8. javascript - ECMAScript6 AngularJS 过滤器 - 2

    我在一个项目中使用ECMAScript6并试图创建一个AngularFilter。以下是我的尝试,但是我在控制台中收到以下错误:无法设置未定义的属性“PassFilter”我是ES6和Angular的新手。由于遗留限制,我不得不以这种方式引导Angular。myAngularModule=angular.module("MyModule");angular.element(document).ready(function(){varmyDiv=$("#myAngularDiv");angular.bootstrap(myDiv,["MyModul

  9. javascript - 谷歌可视化堆叠条形图 : colors and labels for each value - 2

    我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{

  10. javascript - 与纸标签一起使用时,在铁页中预选默认页面 - 2

    我正在使用polymeriron-pages连同paper-tabs在我的Rails应用程序中。问题是在paper-tabs之一之前没有显示任何页面。被点击。我想要iron-pages中的第一页默认情况下选择,无需用户交互。我都把paper-tabs都放了和iron-pages在<templateis='dom-bind'></template>.已阅读有关数据绑定(bind)的文档,但我无法弄清楚如何实现这一点。请有人提出您宝贵的建议。谢谢。<templateis="dom-bind"><divclass=&#