jquery - 输入中的第一个字符不可选择/不可编辑

Question

我有一个输入，用户可以在其中输入十六进制值。 “#”符号是输入字段背景图像的一部分，因此用户只需输入数字。我希望将“#”符号作为 html 并使其不可选择/不可编辑。这可能吗？

Answer 1

监听输入元素中的 keyup 事件，然后在处理程序中，您可以强制输入的值始终以 # 字符开头，后跟 0- 9/a-f

$('#input').bind('keyup', function(){
    var sanitized = $(this).val().replace(/[^0-9a-f]/g,'');
    $(this).val('#'+sanitized);
});

在此处查看演示:http://jsfiddle.net/QrrjW/1/