2014-12-23 220 views
3

是否可以對文本框內的文本進行樣式設置?我已經想出了該系統是:如何添加類似於StackOverflows系統的標籤文本輸入系統

  1. 作出這樣的覆蓋盒子
  2. 當在框中鍵入聽一個div空格鍵
  3. 當空格鍵被按下時,將其添加到一個數組,然後添加它的標籤的列表出現在div
  4. 當div的寬度是>比輸入框,限制寬度的一組大小
  5. 當添加更多的標籤比寬度允許,推新標籤陣列,滾動div到最後並隱藏其他標籤
  6. 0123的溢出
  7. 偵聽文本框是否爲空並且按退格鍵
  8. 如果按下,則使用數組中最後一個元素的文本填充文本框,然後拼接最後一個元素以將其刪除。

這是我現在要實現的方法,可以很好地編寫它。但我想知道是否有更簡單的方法來做到這一點,更多的瀏覽器/版本友好。我試着用Google搜索StackOverflows標籤系統,標籤,標籤等,但都是非常不相關的東西。如果這是一個糟糕的問題,任何輸入都會很好,我可以刪除它或者在必要時投票關閉它。謝謝。

+3

聽起來像是你有一個Gameplan的,看看在http://ivaynberg.github。 io/select2 /獲得靈感。請參閱:多值選擇框 – charlietfl

+3

只需檢查StackOverflow上的元素即可瞭解它們是如何實現的。 –

+0

@CharlieKilian和@ charlietfl,我看到你的輸入適合作爲答案 – Gouda

回答

0

4號可以寫成像這樣:

4.當數量的div是>比5,return "You are only aloud 5 tags"