javascript - 在 IE10 中焦点/输入时文本区域占位符不会消失

Question

net mvc Web 应用程序，其中我有多个 textarea 和 input 字段。现在，占位符在所有浏览器(chrome、firefox)中都可以正常工作，但在 Internet Explorer 10 中，占位符文本不会在焦点或在文本区域中键入时消失。

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

我的一位同事告诉我，这是由于版本 < 1.8.3 的 jquery 中的错误造成的？这是真的？有什么解决方法吗？我只是向现有应用程序添加一些页面，因此不允许更改/更新 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 = '';
    }
}