How to pass a jQuery event as a parameter in a method?

jQuery Web Development Front End Technology

To pass a jQuery event as a parameter in a method, use the bind() method.

Example

You can try to run the following code to learn how to apss a jQuery event as a parameter:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $("#btn1").bind("click", { key1: "value1", key2: "value2" }, myFunction);
   function myFunction (event)
   {
     $("#myid").text(event.data.key1);
   }
});
</script>
</head>
<body>

<input id= "btn1" type="button" value="click me" />
<div id = "myid" style="border:2px solid blue; width:400px; height:300px">

</body>
</html>