Click here to Skip to main content
Click here to Skip to main content

Binding Multiple Events in jQuery

, 11 Sep 2012 CPOL
Rate this:
Please Sign up or sign in to vote.
Bind a JavaScript function to multiple events using jQuery

Introduction

Sometimes, we would like to use the same function for more than one event of an element. Normally, we create a function and call on different events. But sometimes we find, it is a duplication of calling function. I did some Googling and found a solution to use jQuery function.

A piece of code where I needed to call function twice:

    $("#textbox").click(
    function () {
        $(this).next().css("display", "none");
    }).focus(function () {
        $(this).next().css("display", "none");  
    });  

To avoid duplication, we will create a function and call from both the events. But still a function name will be duplicated there.

Now using jQuery, we can bind multiple events on single function. See here how we can make that simpler.

 $("#textbox").bind("click focus",
    function () {
        $(this).next().css("display", "none");
    });

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Mehul M Thakkar
Technical Lead
India India
Mehul Thakkar is having 8 yrs of experience in IT industry. He is having good command over Ms .Net and Ms Sql Server

Comments and Discussions

 
Question"on" method PinmemberColinBashBash9-Oct-12 9:22 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.1411023.1 | Last Updated 12 Sep 2012
Article Copyright 2012 by Mehul M Thakkar
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid