js textbox触发事件

<input type="text" id="myTextbox">
<script>
  document.getElementById('myTextbox').addEventListener('input', function(event) {
    console.log('Input value changed:', event.target.value);
  });
</script>

<input type="text" id="myTextbox">
<script>
  document.getElementById('myTextbox').addEventListener('focus', function(event) {
    console.log('Textbox is focused');
    event.target.style.backgroundColor = 'yellow';
  });
</script>

<input type="text" id="myTextbox">
<script>
  document.getElementById('myTextbox').addEventListener('blur', function(event) {
    console.log('Textbox lost focus');
    event.target.style.backgroundColor = '';
  });
</script>

<input type="text" id="myTextbox">
<script>
  document.getElementById('myTextbox').addEventListener('keydown', function(event) {
    console.log('Key pressed:', event.key);
  });
</script>

<input type="text" id="myTextbox">
<script>
  document.getElementById('myTextbox').addEventListener('keyup', function(event) {
    console.log('Key released:', event.key);
  });
</script>