我有一個用戶可以輸入十六進制值的輸入。 「#」符號是輸入字段背景圖像的一部分,因此用戶只需輸入數字即可。我希望將「#」標記爲html,並使其不可選/不可編輯。這可能嗎?輸入中的第一個字符不可選/不可編輯
回答
監聽輸入元素的keyup
事件,那麼處理程序中,您可以強制輸入的值總是#
字符開始,接着0-9/AF
$('#input').bind('keyup', function(){
var sanitized = $(this).val().replace(/[^0-9a-f]/g,'');
$(this).val('#'+sanitized);
});
觀看演示這裏:http://jsfiddle.net/QrrjW/1/
很好的解決方案。但是,如果你綁定到keydown事件會更酷:) – 2012-03-03 18:50:28
@Jørgen最初我也想到了這一點:)但是由於'keydown'在插入觸發鍵之前接受了輸入值,所以最後一個字符不會被清理掉http ://jsfiddle.net/QrrjW/2/ – fyzlman 2012-03-04 07:13:36
偉大的解決方案。謝謝@Jørgen! – user495915 2012-03-04 10:09:23
將x字符輸入框作爲默認值。使用js管理.if用戶第一個charector類型#然後確定其他類型#使用js和js中的用戶輸入字符。
- 1. 編輯和不可編輯的輸入字段,然後選擇
- 2. 輸入字段的值不可編輯
- 3. 不可能編輯輸入,除了第一個離子列表
- 4. PHP - 不可編輯輸入
- 5. JavaScript輸入字段不可編輯?
- 6. 只允許輸入字段的一部分不可編輯
- 7. 輸入類型「日期」不可編輯
- 8. 反應輸入類型不可編輯
- 9. 設置不可編輯的輸入複選框和文本框
- 10. 製作的「輸入」按鈕上的文字不可編輯
- 11. 總計一個ExtJS可編輯網格的輸入字段
- 12. 追加不可編輯的文字到輸入結束?
- 13. 爲什麼我的輸入字段不可編輯?
- 14. AngularJS,ngDraggable - 輸入框不可編輯的可拖動元素
- 15. 設置JTable可選但不可編輯
- 16. NSTableView可選但不可編輯
- 17. 如何使AngularStrap預輸入選擇不可編輯
- 18. 可選/可聚焦輸入字段,不可寫入
- 19. Jquery draggable使輸入文本字段不可編輯(燕子onfocus?)
- 20. 如何使輸入字段不可編輯
- 21. jQuery可編輯/不可編輯表格
- 22. 在iPhone上提供可編輯和不可編輯的字段
- 23. fgets函數不讀取輸入中的第一個字符
- 24. 可選但不可編輯的html文本字段
- 25. 使JTable單元格編輯器值可選,但不可編輯?
- 26. 可編輯文本框中的屏蔽輸入不起作用
- 27. Android中的編輯文本可以讓用戶不編輯其第一行
- 28. 內聯可編輯網格 - 字段不可編輯CRM 2013
- 29. 文本字段使可編輯,不可編輯使用jquery
- 30. 使輸入不可編輯而不禁用
也許這可能會有所幫助 - [有沒有辦法讓文本區域部分可編輯?](http://stackoverflow.com/questions/5444874/is-there-a-way-to-make- a-text-area-partially-editable-make-only-portions-th) – neo108 2012-03-03 12:25:34