multiple event with javascript

   "mousemove touchmove".split(" ").forEach(function(e){
      window.addEventListener(e,mouseMoveHandler,false);
    });

3.8
5

                                    /* get the button id "tg" which is used for toggling.Then on click few 
elements with classname "adv" will disappear and at the same time few elements 
with classname "btnpro" will increase in width to 80px*. Upon second click  
elements with "adv" will appear again and the button width changes to 60px*/

document.getElementById("tg").onclick = function ()
{
  my_fun1();
  my_fun2();
}

function my_fun1()
{
  var x = document.getElementsByClassName("adv")
    for(var i=0; i<x.length;i++) {
      if (x[i].style.display === "none") {
        x[i].style.display = "block"
        flag = false
      } else {
        x[i].style.display = "none"
        flag = true           
      }      
    }  
}

function my_fun2()
{
  var x = document.getElementsByClassName("btnpro")
    for(var i=0; i<x.length;i++) {
      if(flag){
        x[i].style.width = "80px";
      }else{
        x[i].style.width = "60px";
      }  
    }
}

3.8 (5 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
listen to multiple events in one listerner javascript event with multiple listeners multiple on click events multiple event javascript listen for multiple events javascript multiple events onclick event in html button window on multiple events multiple from event multiple event handling js w3 multiple event handling js javascript on multiple events have multiple event handlers for the same event type and both handlers are executed have multiple event handlers for the same event type how to have multiple event handlers for the same event type and both handlers are executed multiple event call in html .on('click', function(event) multiple js bind multiple events multiple event handlers javascript onclick multiple events how to have multiple onclick events multiple event js listen for multiple types of events javascript how to have multiple functions for an event listener in javascript making function for multiple event listener in typescript js event handler multiple buttons js eventlisterner to multiple events htm multiple events one script javascript multiple events same function add event listener multiple events javascript onclick multiple events EventSource for multiples events in javascript button multiple event listener how to add multiple event on single button multiple event selector on listener javascript vanilla javascript using multiple event listeners listen to multiple events javascript multiple events js window addeventlistener javascript multiple events multiple events for a single event listener multiple events to addeventlistener Javascript eventemitter multiple events on how to put multiple events on a button javascript listening to multiple event in one event listener javascript listening to multiple event javascript call multiple with javascript functions on single event event handler with multiple functions javascript js addeventlistener multiple event javascript add multiple event set an event on multiple elemnts how to write event handler for multiple buttons js how to write event handler for multiple buttons multi event function javascript this can you have multiple events in an element html single handler for multiple events js multiple event handler javascript html multiple events onclick can i add multiple events to an event listener js HOW TO ADD MULTIPLE EVENT IN BUTTON IN JS javascript add multiple events to eventlistener .on multiple events can one button click handle multiple events js how to have multiple event handlers on one button nodejs on multiple events js on multiple events multiple event listener in javascript multiple events for eventlistener js event listener with multiple events html multiple event trigger multiple event javascipt function on multiple events multiple events in addeventlistener multiple events on same javascript event listener one click make multiple events javascript multiple events for element js multiple event listeners on multiple buttons javascript how to handle multiple onclick events for one element in javascript how to handle multiple onclick events for one button javascript javascript trigger multiple events multiple eventlisteners js dom multiple event listeners multiple event listeners multiple event on click multiple events on single button javascript multiple events how to call multiple javascript functions on single event javascript multiple event listeners multiple events in single click how to add multiple event listener in javascript js multiple events multiple events single listener javascript how to include more than one event type in javascript addeventlistener more listner listen many event in js js listen for 2 events multiple javascript bind multiple events in addeventlistener multiple events addeventlistener multiple events js window.addeventlistener multiple events can i use two events in addEventListners javascript addeventlistener multiple events event listener with 2 listener javascript multiple event multiple events javascript event listeners for two differen events javascript event listeners for two differen events addeventlistener for multiple events javascript addeventlistener two events multiple addeventlistener events listen multiple event js addeventlistener add multiple events javascript event listener multiple addEventlistener multiple addEventListener mutliple types javascript multiple listeners on same event addeventlistener more than one event js event listener multiple events js addeventlistener multiple events addeventlistener multiple events addeventlistener for multiple events at once multiple event listeners javascript multiple event with javascript
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source