w3resource

jQuery: Check whether the META key was pressed when the event fired

jQuery Fundamental - II : Exercise-89

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

Sample solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Check whether the META key was pressed when the event fired.</title>
</head>
<body>
<p>On Macintosh keyboards, the META key maps to the Command key (⌘).</p>
<p>On Windows keyboards, the META key maps to the Windows key.</p>
<button value="Test" name="Test" id="checkMetaKey">Click me!</button>
<div id="display"></div>
</body>
</html>

CSS Code :

body {
background-color: #CCDD96;
}
div {
padding: 20px;
}

JavaScript Code :

$( "#checkMetaKey" ).click(function( event ) {
$( "#display" ).text( event.metaKey );
});

See the Pen jquery-fundamental-exercise-89 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Finds even table rows, matching the first, third and so on (index 0, 2, 4 etc.)
Next: Check whether the event namespace is used.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.