JSFiddle - React, Tailwind, and code Playground

by spekary

HTML

<form id="form1" name="form1" method="post" action="">
   <p>
 <label for="test1">Test 1</label>
    <input type="text" name="test1" id="test1" />
</p>
  <p>
    <label for="test2">Test 2</label>
    <input type="text" name="test2" id="test2" />
</p>
</form>

JavaScript

$(document).ready(function() {
   $("#test1").blur(function() {
     this.value='1';
   });
   $("#test2").mousedown(function() {
     return false;
   });

 });