jquery input得到焦点事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Focus Event Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <input type="text" id="myInput" placeholder="Type something...">
    <p id="message"></p>

    <script>
        $(document).ready(function() {
            $('#myInput').focus(function() {
                $('#message').text('Input is focused!');
            }).blur(function() {
                $('#message').text('');
            });
        });
    </script>
</body>
</html>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

$(document).ready(function() {
    $('#myInput').focus(function() {
        $('#message').text('Input is focused!');
    });
});

$('#myInput').off('focus').on('focus', function() {
    $('#message').text('Input is focused!');
});