javascript - 锁定用户在默认设置之前写入值

Question

我正在制作一个终端命令提示符（用户可以在输入框上书写并按回车键并从后端接收命令）并且我正在将默认值从模型传递到我的输入框模板，但我想在 $ 所以用户之前锁定它在那之前不能回去写

$('#textInput').val("Enter").html(this.Template());

但是我怎样才能为输入框的一部分做到这一点呢？

Answer 1

您可以通过在其上放置一个跨度以图形方式执行此操作，或者您可以附加一个 JS 处理程序来取消您不想要的编辑。

$("#textInput").on("change keyup keypress keydown", function(evt) {
    if($(this).val().length < 10) {
        $(this).val("Enter $> ");
    }
});

顺便说一句，我不确定您为什么在示例中将 Enter 与 $> 分开。