How to remove an event listener

571 512MB

I am using FireFox only

I am attaching a eventListner to a <span id="someId"> </span> tag

I am trying to add and remove eventListners on the fly.

I have no problem adding the listner, which I do like this:

Expand|Select|Wrap|Line Numbers

  
this.chkStat = function (lbl, elm, newValue)

{

  if (newValue == elm.value)

  { 

        //no listner attached if the values are the same

    lbl.className = "myLowlight";

  }else{

        //listner attached if values not the same

    lbl.className = "myHighlight";
 
    if (lbl.addEventListener)

    {

          lbl.addEventListener("mousedown",

            function(evt)

            {

               showRealValue(this, elm.id, newValue);

            },

            false)

    };
 
  }

}

When the user clicks on the label <span>, they may choose to update the adjacent field with the new value. At this point I want to remove the listner

I tried the following:

Expand|Select|Wrap|Line Numbers

lbl.removeEventListener('click', showRealValue, false);

It did not remove the listner. Also when I displayed the next record. the old listner with the old values stayed active. Plus the next record's new value was added.

I basically just need to figure out how to remove the eventListner I added on the fly.

I tried to follow the example give at https://developer.mozilla.org/en-US/...eEventListener

with no success.

This may not be enough info, so if you think you can help but need further clarification just say so.

Jul 15 '13 #1

Subscribe Post Reply

✓ answered by Rabbit

A few things.

1) The event you added is mousedown but the event you're trying to remove is click. They are not the same thing.

2) The function you added is not called showRealValue. That is merely a function that you call in the function that the event listener uses. If you followed the example, you would have assigned your unnamed function to a variable and then used the variable to add/remove the function.

3179

Rabbit

12,516

Expert Mod 8TB

Jul 15 '13 #2

Claus Mygind

571

512MB

First item was just a copy and paste error, I do use the same event. I was just playing with both types.

Second item. Thanks for the clarification. This was just what I needed to solve the problem. I did not make that connection with the anonymous function assignment.

Jul 17 '13 #3

Sherin

64KB

Try This Code

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<style>

#myDIV {

  background-color: coral;

  border: 1px solid;

  padding: 50px;

  color: white;

}

</style>

</head>

<body>
 
<div id="myDIV">

  <p>Click the button to remove the DIV's event handler.</p>

  <button onclick="removeHandler()" id="myBtn">Try it</button>

</div>
 
<p id="demo"></p>
 
<script>

document.getElementById("myDIV").addEventListener("mousemove", myFunction);
 
function myFunction() {

  document.getElementById("demo").innerHTML = Math.random();

}
 
function removeHandler() {

  document.getElementById("myDIV").removeEventListener("mousemove", myFunction);

}

</script>
 
</body>

</html>

Nov 23 '20 #4

Similar topics

Remove Event Handlers in C#

by: Prasad Dannani | last post by:

Hi, I am currently working on C#. I need to temporarity add remove event handlers which i was done in VB.NET using Addhandler and RemoveHandler functions. How to do it in c# Thanks in...

C# / C Sharp

usb port insert/remove event detection

by: sanjana | last post by:

hi i wanna detect if a anything is connected to the usb port I am using system.management class for tht purpose this is my code class usbdetect { public static void Main() {

C# / C Sharp

Remove Event Handler without -=

by: Franco, Gustavo | last post by:

How can I remove all event handler from one event without do -=? I won't explain why because is too long, and that the only option left I have right now. I have one event declared for: ...

C# / C Sharp

How does one remove Event Handlers?

by: Peter Oliphant | last post by:

In general, some controls can have events handlers attached to them, typically via the += operator. How does one remove an event handler added this way? Or, just as good for my purposes, how can...

.NET Framework

Remove Event Handle dynamically in C#

by: Jensen Hoh | last post by:

How can I remove a event handle dynamically? I knew that, it is the proper way to add a event handler for a control Add Handler -----------------------------------------------...

Visual Basic .NET

How to remove event handler

by: moondaddy | last post by:

I'm working in WPF and c# and am adding an event handler to an object like this: this.tgt.SizeChanged += new SizeChangedEventHandler(OnTargetSizeChanged); Later I kill the instance of...

.NET Framework

remove event

by: saeed rezaei | last post by:

Hi we can add user event to class or user control. but can we remove some system event from a control. for examle remove click method from button control

Visual Basic .NET

Remove Event Handlers C# style

by: Dinsdale | last post by:

I appreciate anyones help here. I've done a whole ton of cool things in C# and am having difficulty expressing those things in VB. In a program I wrote in C# (which I no longer have source for) I...

Visual Basic .NET

How to add or remove event of ASP.Net control at runtime?

by: Samnang | last post by:

Hi, How can I add or remove event of ASP.Net control at runtime, not in Page_Load? I want to click on a button for add or remove the event of another control. Thanks

.NET Framework

simple question: prototype how to remove Event observer

by: john_woo | last post by:

Hi, I'm using prototype 1.6 for observer/attachEventHandler, like Event.observe(myDivId,'mouseup', myFunction); I'm wondering how to remove or stop (or activate/deactivate) this observer...

Javascript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++