我有一個用戶可以輸入十六進制值的輸入。 「#」符號是輸入字段背景圖像的一部分,因此用戶只需輸入數字即可。我希望將「#」標記爲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. 總計一個ExtJS可編輯網格的輸入字段
- 5. 追加不可編輯的文字到輸入結束?
- 6. 爲什麼我的輸入字段不可編輯?
- 7. 如何使AngularStrap預輸入選擇不可編輯
- 8. AngularJS,ngDraggable - 輸入框不可編輯的可拖動元素
- 9. NSTableView可選但不可編輯
- 10. 可選/可聚焦輸入字段,不可寫入
- 11. Jquery draggable使輸入文本字段不可編輯(燕子onfocus?)
- 12. 如何使輸入字段不可編輯
- 13. jQuery可編輯/不可編輯表格
- 14. 在iPhone上提供可編輯和不可編輯的字段
- 15. 使JTable單元格編輯器值可選,但不可編輯?
- 16. Android中的編輯文本可以讓用戶不編輯其第一行
- 17. 文本字段使可編輯,不可編輯使用jquery
- 18. slickgrid中的可編輯和不可編輯的行
- 19. 不可編輯QListView
- 20. GXT:ComboBoxCell不可編輯
- 21. Xcode:UITextfield不可編輯
- 22. JTextArea不可編輯
- 23. 編輯一個字符串(字符數組)複製到輸入字符串(scanf或fgets .. gets)可能嗎?
- 24. primefaces:可編輯數據表中的不可編輯列
- 25. 使不可編輯的一個複選框,其他被選中的Java
- 26. 在HTML輸入字段中放置不可編輯的百分號
- 27. MoreViewController,編輯,不可編輯的圖標
- 28. 可編輯選擇不工作proprerly
- 29. 是否有可能使一個xml字段在IOS中不可編輯
- 30. 可編輯的輸入框CSS樣式
也許這可能會有所幫助 - [有沒有辦法讓文本區域部分可編輯?](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