如果没有鼠标悬停，我如何添加默认文本字段？

<input type="text" placeholder="请输入内容">

<input type="text" id="myInput">

<script>
    var input = document.getElementById("myInput");
    var defaultText = "请输入内容";

    input.addEventListener("focus", function() {
        if (input.value === defaultText) {
            input.value = "";
        }
    });

    input.addEventListener("blur", function() {
        if (input.value === "") {
            input.value = defaultText;
        }
    });
</script>

<input type="text" class="default-text" data-text="请输入内容">

<style>
    .default-text::before {
        content: attr(data-text);
    }
    .default-text:focus::before {
        content: none;
    }
</style>