如何在textarea中实现多行placeholder?

我第一个想法是在textarea下面生成一个同大小的div?但如果textarea需要设置背景的话就挡住了。还有其他方式么?

阅读 7.1k
2 个回答

所有這一類問題都可以通過同一辦法解決——攔截事件,自己處理。

之所以你不用 textarea 自己的文本,還不是因爲,placeholder 不想被用戶選擇、設置光標位置於其中?

所以只要 textarea 處於 placeholder 狀態,屏蔽鼠標點擊事件及鍵盤移動光標事件即可。

法二:

使用 div,覆蓋在 textarea 之上,不過會導致事件被 div 截獲,鼠標無法選擇 textarea 中的文本。

解決方案:爲 div 設置 pointer-events: none

推荐问题
宣传栏