Textarea 占位符在 IE10 中的焦点/键入时不会消失

Question

net mvc Web 应用程序，其中我有多个 textarea 和 input 字段。现在占位符在所有浏览器（chrome、firefox）中都运行良好，但在Internet Explorer 10 中，占位符文本不会在焦点或在文本区域中输入时消失。

<textarea placeholder="Write Query..." maxlength="1000"></textarea>

我的一位同事告诉我，这是由于 jquery 的版本

P.S 我使用的是 Jquery 1.11.1（我知道它太老了）

Answer 1

据我所知，这是一个 IE 问题，与 jQuery 无关。 我通过向文本区域添加焦点侦听器来手动解决它。

<textarea onfocus="removePlaceholderText" placeholder="Write Query..." maxlength="1000"></textarea>

执行以下操作：

function removePlaceholderText(event) {
    var element = event.currentTarget;
    var value = element.value;
    var placeholder = element.getAttribute('placeholder');
    if (placeholder === value) {
        element.value = '';
    }
}