div 仿 功能健全的textArea,實現監聽

2021-08-13 09:07:43 字數 1136 閱讀 2477

因為一直苦惱textarea右下角的小三角,覺得很醜,所以網上找資料自己寫了乙個div仿textarea的例子

以下為**

1.將div的屬性新增乙個contenteditable="true"

<

divcontenteditable="true">

div>

這樣這個div就可以編輯了,在上面可以輸入任意的字元

2.將div的屬性再新增乙個 data-text="這裡是提示文字「

<

divcontenteditable="true"data-text="關於本次校招你想知道什麼?">

div>

還得新增一行css,用來模仿placeholder的功能
[contenteditable=true]:empty:not(:focus):before
嗒噠,這裡已經實現了乙個最普通又簡介不帶任何圖示的textarea啦
3.實現js監聽輸入事件,在頁面載入的時候新增這個監聽方法
document.getelementbyid("yourdiv").addeventlistener("domsubtreemodified",function(e) ,false);
在 listener()裡面你就可以對div的文字為所欲為了,
到此,大功告成,乙個完美的textarea就新鮮出爐啦!

最最簡單 功能健全,真正的單例模式

三 總結 1 某個只能有乙個物件 2 必須自行建立這個例項 3 必須向整個系統提供這個例項 4 基於多執行緒也適用 如下 建立乙個建構函式 public class singleinstance 如下 測試 public class test01 如下 執行結果 我是乙個建構函式片 如下 改變建構函...

Nodejs仿Apache的部分功能

1.載入模組 2.建立server 3.監聽server的request請求事件,設定請求處理函式 var wwwdir c users administrator desktop code 設定目錄 注意轉義符 1.載入模組 2.建立server 3.監聽server的request請求事件,設定...

給web py加點仿TG的功能

最近忙,本來計畫的一篇技術文章寫了很久沒寫完,先發一篇短文湊數。以前用turbogears 1.x的時候覺得它有一些功能真是很方便,比如expose decorator。不過現在用web.py就沒有這種東西了。話說我改用web.py就是圖它比較清爽這個優點,但能增加點方便還是好的。其實這個功能實現起...