Jquery 专注于点击不起作用

我想在单击时隐藏占位符，但似乎有东西挡住了焦点，我尝试添加css

input:focus:placeholder

等。 但没什么，这是我的全部代码，如果js中有阻止焦点状态的东西，请尝试使用se

---

要隐藏输入字段焦点上的占位符，可以使用

onfocus

和

onblur

事件

请参见下面的示例：

添加以下内容：

text区域：焦点，输入：焦点
{
大纲：无；
}

搜寻

你用JQuery标记了这个问题，但你没有把它包括在你的小提琴中，所以我不确定你是否在使用它。如果是，将这些行添加到js中，它将删除焦点上的占位符：

$('input').on('focus',function(){
    $(this).attr('placeholder',"");
});

确保将其包装在document.ready函数（$（JQuery中的函数（）…中）中。下面是一个小问题：

当用户开始键入时，

占位符=“

属性通常会消失。如果您想在用户开始键入之前隐藏文本，可以使用草稿

可以通过更改占位符的文本颜色来隐藏文本

/* Chrome/Safari/Opera */
input[type="text"]:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Firefox */
input[type="text"]:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer */
input[type="text"]:focus:-ms-input-placeholder {
    color: transparent;
}

/* Edge */
input[type="text"]:focus::-ms-input-placeholder {
    color: transparent;
}

正如@Shaggy指出的，我没有包括没有任何浏览器特定前缀的

：：占位符

：

input[type="text"]:focus::placeholder {
    color: transparent;
}

在这个阶段，我不知道有哪些浏览器（如果有的话）支持不带浏览器前缀的浏览器。声明中说，每个浏览器都需要前缀，因为现在这个伪选择器。但是，如果添加不带前缀的选择器成为标准的伪选择器，那么将来您的代码会得到验证

---

还有其他选项可以使用JavaScript更改

onBlur（）

和

onFocus（）的
placeholder=”“
值

事件也一样。

没什么，占位符还在这里，当我开始打字时就消失了。只需添加你的JS。这里只有CSS和HTML。演示请重新阅读问题，Pierrou；他想去掉的是占位符，而不是大纲。没什么，占位符还在这里，当我开始打字时就消失了。占位符随着时间的推移而消失一旦用户开始键入。是的，它开始工作了。请添加代码，在模糊时它会再次显示吗？只需将“焦点”替换为“模糊”，并将新文本放在attr（）函数的双引号内。…在（'blur'，function（）{….attr（'placeholder'，newplaceholder text'）上；…不要忘记未固定的

：：占位符
元素。