event.data

jQuery

previous page next page

event.data

Categories: Events > Event Object

event.data Returns: Object

Description: An optional object of data passed to an event method when the current executing handler is bound.

  • version added: 1.1event.data

Example:

Within a for loop, pass the value of i to the .on() method so that the current iteration's value is preserved.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
                                  

                                    

                                      
                                        <!DOCTYPE html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <head>
                                      
                                    

                                  

                                  

                                    

                                        <script src="http://code.jquery.com/jquery-latest.js"></script>
                                    

                                  

                                  

                                    

                                      
                                        </head>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <body>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      <button> 0 </button>
                                    

                                  

                                  

                                    

                                      <button> 1 </button>
                                    

                                  

                                  

                                    

                                      <button> 2 </button>
                                    

                                  

                                  

                                    

                                      <button> 3 </button>
                                    

                                  

                                  

                                    

                                      <button> 4 </button>
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        <div id="log">
                                        </div>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        <script>
                                        
                                      
                                    

                                  

                                  

                                    

                                      var logDiv = $("#log");
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        /* Note: This code is for demonstration purposes only. */
                                      
                                    

                                  

                                  

                                    

                                      for (var i = 0; i < 5; i++) {
                                    

                                  

                                  

                                    

                                        $("button").eq(i).on("click", {value: i}, function(event) {
                                    

                                  

                                  

                                    

                                          var msgs = [
                                    

                                  

                                  

                                    

                                            "button = " + $(this).index(),
                                    

                                  

                                  

                                    

                                            "event.data.value = " + event.data.value,
                                    

                                  

                                  

                                    

                                            "i = " + i
                                    

                                  

                                  

                                    

                                          ];
                                    

                                  

                                  

                                    

                                          logDiv.append( msgs.join(", ") + "<br>" );
                                    

                                  

                                  

                                    

                                        });
                                    

                                  

                                  

                                    

                                      }
                                    

                                  

                                  

                                    

                                      
                                        </script>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        </body>
                                      
                                    

                                  

                                  

                                    

                                      
                                        </html>
 POWERED BYHERONOTE
previous page start next page