如果选择了文本框的文本，则将其设为null

Question

我使用meiomask进行时间掩盖。在密钥按压事件中，掩码正在完美地工作。

现在的问题是，当我在第一个文本框中，然后我按Tab键，所以现在焦点在第二个文本框上，它的值被选中（如图所示）。如果我尝试在此文本框中输入一些值那么焦点就在这个文本框之外。所以每当我使用退格键移除值时，在此文本框中输入值，然后在文本框中输入值。

所以基本上我想做的是文本框的焦点，如果选择了文本框值并且用户尝试输入一些东西（在按键事件上）然后将其设为null.so如何实现这一点？
提前致谢。

code:

$(document).on('focus','.masktime',function(){
     // $(this).val("");
});

Answer 1

您可以使用占位符...所以，

<input class="masktime" type="text" placeholder="00:00">

而不是

<input class="masktime" type="text" value="00:00">

或者，如果您希望始终使用输入标记的value，则可以使用input[placeholder]和{{1}的组合来模拟focus的行为}。

blur

DEMO