文本框中的文本不可单击。需要javascript的帮助以使其可点击吗

我是编程新手，这里是我的一些JavaScript和HTML代码

我想在文本框中的文本上单击开始写入（输入）（文本：用户名），所以当我单击它时，我无法写入，这就是问题所在

我得到了div lLogin和输入登录名。 当我点击lLogin时，我想在输入登录时交换，但不想从该div（lLogin）中删除我的文本

这只是为了隐藏，当我开始写作时，当我点击文本框中的文本给我输入时，我想隐藏它

当我开始键入文本时，这是一段代码，它隐藏了文本，但当我单击文本时，我无法键入，因为我需要javascript

 $("#Login").on('keydown', function(){

        var value = $(this).val().length;

        if (value>0){

            $("#lLogin").hide();

        }else{$("#lLogin").show();}

<div onblur="validation();" id="lLogin" aria-hidden="true" class="hint ellipsis">User Name</div>

HTML代码： 它是文本框中的文本。当我开始写作时，它开始变得模糊。 当我点击文本框中的文本（用户名）时，它只是选择它。我只想让他变得清晰易懂。所以我需要javascript代码

 $("#Login").on('keydown', function(){

        var value = $(this).val().length;

        if (value>0){

            $("#lLogin").hide();

        }else{$("#lLogin").show();}

<div onblur="validation();" id="lLogin" aria-hidden="true" class="hint ellipsis">User Name</div>

用户名

这是文本框的输入，工作正常

<input id="Login" aria-label="Username" class="field" name="user" value="" spellcheck="false" maxlength="5096" type="text">

---

直接跳到输入？好的，使用焦点

onFocus是在文本框中“单击内部”进行搜索的事件

---

但我觉得解释有问题。请再试一次，并尝试JSFIDLE显示您想要的内容

根本不清楚你的问题是什么。如果你不提供相关的html和对问题的更好描述，我们将无能为力。我上传了html代码，也许你现在可以帮助我。但问题是，当单击仅跳转输入时，只需将文本框中的文本设置为可见和可单击。（如果可能的话，我正在寻找javascript代码）。