如何在textarea中实现多行placeholder?

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

阅读 7.1k
2 个回答

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

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

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

法二:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏