Dealing with JavaScript Events

Question

Dealing with JavaScript Events

I have developed an amazing plugin called https://github.com/suprMax/Zepto-onPress

Everything works perfectly except for one small issue. When I receive a callback function, I need to store it along with my actual event handler so that I can detach it when someone attempts to remove the event handler and provide me with the original callback. Essentially, I need the ability to store multiple key-value pairs per element where the key is supposed to be a function and the value is also a function. I tried to implement this functionality, but currently the script internally generates this:

(function(){}).toString()

This method is not ideal as it may result in removing incorrect event handlers due to :

(function(){}).toString() === (function(){}).toString().

I believe there must be a better approach to achieve this. Any suggestions would be greatly appreciated.

javascript events zepto

Answer 1

Answer №1

The most efficient and secure method involves storing your functions within an array, where you can use the indexOf function to search based on pointer values. Utilizing the array's index, you can easily push one method onto another.

var funcArray1 = [];
var funcArray2 = [];

function addFunctions(func1, func2) {
   var index;
   
   if (index = funcArray1.indexOf(func1) > -1) {
     removeFunction(funcArray2[index]);
   } 
   
   index = funcArray1.push(func1) - 1;
   funcArray2[index] = func2;   

}

Answer 2

The most efficient and secure method involves storing your functions within an array, where you can use the indexOf function to search based on pointer values. Utilizing the array's index, you can easily push one method onto another.

var funcArray1 = [];
var funcArray2 = [];

function addFunctions(func1, func2) {
   var index;
   
   if (index = funcArray1.indexOf(func1) > -1) {
     removeFunction(funcArray2[index]);
   } 
   
   index = funcArray1.push(func1) - 1;
   funcArray2[index] = func2;   

}

Dealing with JavaScript Events

Answer №1

Similar questions

When using AngularJS services to pass data, the data may be lost when the page is refreshed

How can I retrieve the checked values of checkboxes and store them in an array using React?

Submitting forms with CakePHP and AJAX

Updating the style of a div in ReactJS with instant changes

What is the best way to retrieve an object from a POST request using Angular AJAX calls in a NODEJS environment?

Display several modal pop ups using AngularJS

Acquire the text within an anchor tag using JavaScript

Looking for a way to combine two strings and then search for them in my Next.js React JSX? Also, seeking tips on how to make file content in MDX JS searchable

Text located in the bottom right corner of the window with the use of JavaScript

Is there a way to modify the HTTP response code of a PHP page based on a specific condition determined by the response of an AJAX call in jQuery?

Ways to display a GIF image as a pop-up during data loading in an MVC application

Am I causing my entire React component to re-render needlessly every time the state changes?

Combining and adding arrays that share the same key

Incorporate Aria Label into a Website Link

Seeking out information on our family's ancestry

Retrieve the red, green, and blue components of a color in the RGB format

Is there a method available to incorporate a scroller into an nvd3 chart?

Cease the form submission process using Ajax when the input field is blank

What can I use instead of "display:none" in Javascript or Jquery?

Having trouble navigating with router.navigate and utilizing local storage?