jQuery event.metaKey Property
The event.metaKey property in jQuery is used to identify whether the meta key is pressed or not. There are two examples discussed below.
Syntax:
event.metaKey
Return Value: It returns “true” if the key is meta key else it returns “false”.
Example 1: In this example, type in the <input> element and see the result.
<!DOCTYPE HTML> < html > < head > < title > jQuery event.metaKey Property </ title > < script src = "https://code.jquery.com/jquery-3.5.0.js" > </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < p id = "GFG_UP" ></ p > < input type = "text" onkeydown = "Beginner(event)" /> < p id = "GFG_DOWN" ></ p > < script > var elUp = document.getElementById("GFG_UP"); var elDown = document.getElementById("GFG_DOWN"); elUp.innerHTML = "JQuery | event.metaKey property"; function Beginner(event) { if (event.metaKey) { elDown.innerHTML = "The META key was pressed!"; } else { elDown.innerHTML = "The META key was NOT pressed!"; } } </ script > </ body > </ html > |
Output:
Example 2: Press any button from anywhere in the document and see the result.
<!DOCTYPE HTML> < html > < head > < title > JQuery event.metaKey Property </ title > < script src = "https://code.jquery.com/jquery-3.5.0.js" > </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < p id = "GFG_UP" ></ p > < p id = "GFG_DOWN" ></ p > < script > var elUp = document.getElementById("GFG_UP"); var elDown = document.getElementById("GFG_DOWN"); elUp.innerHTML = "JQuery | event.metaKey property"; $('html').click(function (event) { if (event.metaKey) { elDown.innerHTML = "The META key was pressed!"; } else { elDown.innerHTML = "The META key was NOT pressed!"; } }); </ script > </ body > </ html > |
Output: