Syntax error HTML returnValue Event Property

HTML returnValue Event Property

The HTML returnValue event property returns and modify whether the current event is cancelled or not.

Syntax

Following is the syntax −

1. Returning returnValue

event.returnValue

2. Adding returnValue

event.returnValue=”true | false”

Let us see an example of HTML returnValue event property−

Example

 Live Demo

<!DOCTYPE html>
<html>
<head>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #FBAB7E;
      background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
      text-align: center;
   }
   input {
      width: 200px;
      height: 2rem;
   }
   .msg {
      font-size: 1.5rem;
   }
</style>
</head>
<body>
<h1>HTML returnValue Event Property Demo</h1>
<input type="text" placeholder="Enter your name" onfocus="show(event)">
<p class="msg"></p>
<script>
   function show(event) {
      document.querySelector('.msg').innerHTML = 'Is onfocus event is active on above input field? ' + event.returnValue;
   }
</script>
</body>
</html>

Output

Now try to enter value in the input field to make it focus so as to display the value of returnValue event property.

Updated on: 2019-09-27T12:33:32+05:30

120 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements