jquery - 不输入时隐藏输入文本字段

Question

当我在输入表单中输入内容时，文本只会在消失之前短暂显示，防止这种情况发生的唯一方法是将手指放在键盘上的字母上。

当我创建一个 resizeInput 属性时，这个问题才开始出现，该属性使输入框根据其内部的值进行更改，例如我每输入一个字母，输入框就会变大。

有什么办法可以阻止这种情况发生吗？

* jsfiddle 中的 jquery 出了问题，resizeInput 由于某种原因无法正常工作，这不会给您带来“文本仅在消失前短暂显示”的效果。但是，如果您在文本框之外单击，问题仍然相同

JS fiddle :http://jsfiddle.net/bx15jdw0/

HTML

<input id="message" type="text" placeholder="It's your turn to type....!" required="required">

Answer 1

从 css 中删除 line-height 并将 jQuery 包含到你的 fiddle 中，它将起作用。

DEMO