关于“this”和“this.value”

Question

我刚开始设计网页。我试图设计一个登录页面并搜索相同的内容并发现了一些东西，但我对一行

感到困惑

onBlur="if(this.value=='')this.value='Username'" onFocus="if(this.value=='Username')this.value='' ">

但我对this和this.value以及if声明感到困惑。

Answer 1

"if(this.value=='')this.value='Username'"

“this”指的是当前元素。 “this.value”指的是当前元素的值。

至于if语句，对于onBlur，它意味着当用户离开该字段时，它将询问该元素的当前值是否为空（''）如果为真，则它将该值更改为'Username'

Answer 2

HTML事件侦听器（例如onBlur和onFocus）采用“JavaScript函数”，该函数在触发相应操作时激活。在HTML元素上，this引用元素本身，而this.value是输入元素的值。当用户离开字段并且onBlur语句检查字段是否为空时触发if属性，如果是，则将其设置为“用户名”。另一方面，onFocus恰好相反，当用户进入字段时触发，如果值已经是“用户名”，则清除它。

如果可能的话，我实际上建议不要这样做，而是用placeholder="Username"代替它，这实际上是一样的。

详细了解HTML事件或here。我还建议更多地考虑HTML和JavaScript。