我正在尝试做非常简单的代码,让文本字段具有默认提示,当鼠标悬停时,它们会消失,当鼠标离开时,它们会重新出现。我知道我可以用
完成这个任务this.rawValue = " "
this.rawValue = "Address"
使用" Value"部分设置为默认"地址"。我的问题是,当我输入内容时,如果我意外地再次鼠标悬停在该部分上,它将恢复为默认值。
我错过了什么?如果没有输入新文本,我只需要返回默认值。
答案 0 :(得分:1)
只需更改它,以便在用户输入任何内容时不会编辑文本。
鼠标悬停事件中的:
//if the text is the default text, hide it on mouseover.
if (this.rawValue == "Address") this.rawValue = "";
mouseExit事件中的:
//if the text is empty, replace it with the default when the user exits the field.
if (this.rawValue == "" || this.rawValue == null) this.rawValue = "Address";
我会考虑将它放在正常的进入/退出事件而不是特定于鼠标的事件中,因为有些用户可能会使用tab键来导航表单。
另外,不要使用空格表示空,只需使用“”。