如何在textarea中实现多行placeholder?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

如何在textarea中实现多行placeholder?

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

展开
收起
a123456678 2016-03-26 14:20:55 2258 0
1 条回答
写回答
取消 提交回答
  • a123456678

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

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

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

    法二:

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

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

    2019-07-17 19:16:10
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载