Javascript 文本框值在单击文本框之前不可移动

有人能帮我怎么做吗？我想做的是，在单击

文本框之前，
文本框
的值是可移动的或无法更改的。有人知道如何操作吗？
将只读属性添加到输入中

<input type="text" id="input_a" readonly />
//or
<input type="text" id="input_a" readonly="readonly" />

readonly属性与disabled属性的不同之处在于，值仍然与表单一起提交，而且最重要的是，它不会禁用元素上的单击（防止引发事件）。
代码在哪里？到目前为止，您尝试了什么？请注意，这可能会给没有鼠标或无法使用鼠标的用户（尤其是那些有移动障碍的用户）带来问题。它还可能会让习惯于在表单中的输入之间进行选项卡切换的高级用户感到烦恼。您将希望使用readonly和not disabled，因为单击事件不会调度到禁用的控件上（请参阅）。这两个属性都是布尔属性，这意味着可以选择省略该值，并产生相同的效果。
document.getElementById('input_a').removeAttribute('readonly');
//or
document.getElementById('input_a').readOnly = false;