开发者社区 问答 正文

如何在textarea中实现多行placeholder?

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

展开
收起
a123456678 2016-03-26 14:20:55 2747 分享 版权
1 条回答
写回答
取消 提交回答
  • 所有這一類問題都可以通過同一辦法解決——攔截事件,自己處理。

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

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

    法二:

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

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

    2019-07-17 19:16:10
    赞同 展开评论
问答地址: