event.metaKey

jQuery

previous page next page

event.metaKey

Categories: Events > Event Object

event.metaKey Returns: Boolean

Description: Indicates whether the META key was pressed when the event fired.

  • version added: 1.0.4event.metaKey

Returns a boolean value (true or false) that indicates whether or not the META key was pressed at the time the event fired. This key might map to an alternative key name on some platforms.

Example:

Determine whether the META key was pressed when the event fired.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
                                  

                                    

                                      
                                        <!DOCTYPE html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <html>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <head>
                                      
                                    

                                  

                                  

                                    

                                        <style>body {background-color: #eef; }
                                    

                                  

                                  

                                    

                                          div { padding: 20px; }</style>
                                    

                                  

                                  

                                    

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

                                  

                                  

                                    

                                      
                                        </head>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <body>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      <button value="Test" name="Test" id="checkMetaKey">Click me!</button>
                                    

                                  

                                  

                                    

                                      
                                        <div id="display">
                                        </div>
                                      
                                    

                                  

                                  

                                    

                                      
                                        <script>
                                        
                                      
                                    

                                  

                                  

                                    

                                      $('#checkMetaKey').click(function(e){
                                    

                                  

                                  

                                    

                                        $('#display').text(e.metaKey);
                                    

                                  

                                  

                                    

                                      });
                                    

                                  

                                  

                                    

                                      
                                        </script>
                                      
                                    

                                  

                                  

                                    

                                       
                                    

                                  

                                  

                                    

                                      
                                        </body>
                                      
                                    

                                  

                                  

                                    

                                      
                                        </html>
 POWERED BYHERONOTE
previous page start next page