w3resource

jQuery: Return previous values of custom events

jQuery Events : Exercise-12 with Solution

Return previous values of custom events.

Sample Data :

<body>
<button>Display event.result</button>
 <p></p>  
 </body>
 

Solution:

HTML Code:


<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Return previous  values of custom events</title>
</head>
<body>
<button>Display event.result</button>
  <p></p>  
</body>
</html>

JavaScript Code:


$( "button" ).click(function( event ) {
  return "Hello";
});
$( "button" ).click(function( event ) {
  $( "p" ).html( event.result );
});

Live Demo:

See the Pen jquery-events-exercise-12 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Cancel the default action (click) of the first URL.
Next: Display the tag's name on click.

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.